Html Firefox和IE用精确的像素断线
所以,我有这样的想法: 4个对象,在一个320px的保持架中正好有76x76px。 在Chrome中,您可以看到上面的内容,它工作得很好。 但在Firefox和IE9中,我得到了如下信息: 同样大小的Html Firefox和IE用精确的像素断线,html,css,image,html-lists,Html,Css,Image,Html Lists,所以,我有这样的想法: 4个对象,在一个320px的保持架中正好有76x76px。 在Chrome中,您可以看到上面的内容,它工作得很好。 但在Firefox和IE9中,我得到了如下信息: 同样大小的 只有在调整 为什么呢?图像大小实际上是76x76,Chrome可以正确渲染。 提前谢谢 ---编辑--- 所以我正在为大家提供一个JSFIDLE的过程中,我意识到这个简单的代码对于所有浏览器都很好。所以在“删除所有代码直到找到问题”之后,我找到了它!哈哈 这是由应用于所有侧边栏的这两条样式
只有在调整
为什么呢?图像大小实际上是76x76,Chrome可以正确渲染。
提前谢谢
---编辑---
所以我正在为大家提供一个JSFIDLE的过程中,我意识到这个简单的代码对于所有浏览器都很好。所以在“删除所有代码直到找到问题”之后,我找到了它!哈哈 这是由应用于所有侧边栏的这两条样式线组合而成的:
letter-spacing: 1.6px;
font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
letter-spacing: 1.6px;
font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
如果我只删除其中一个,它会正常工作,这两者的结合就是问题所在。所以只需设置font-family:Arial代码>(我知道,奇怪的解决方案,对吧?)到
做到了
谢谢大家。所以我正准备为大家提供一个JSFIDLE,我意识到简单的代码对所有浏览器都适用。所以在“删除所有代码直到找到问题”之后,我找到了它!哈哈
这是由应用于所有侧边栏的这两条样式线组合而成的:
letter-spacing: 1.6px;
font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
letter-spacing: 1.6px;
font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
如果我只删除其中一个,它会正常工作,这两者的结合就是问题所在。所以只需设置font-family:Arial代码>(我知道,奇怪的解决方案,对吧?)到
做到了
谢谢大家。您能提供一个实例供我们检查吗?或者扔掉一些代码?看起来很可能是你的利润率有问题,但是是的,没有任何代码,真的没有办法告诉你。嘿!阅读我的文章编辑!谢谢。还有,我该如何结束这个问题?@Derik:你自己回答这个问题,接受你的答案,看。如果你真的想删除它,请看。其实这并不奇怪。字体设置,特别是涉及到行高和字母间距时,会影响一系列内联内容布局。如果你在不规范的字体设置上有空白,你可能会陷入一个痛苦的世界。我敢打赌这不是问题的根源。你有doctype吗?啊,jsfiddle。没有它我们怎么办?我有一个doctype。我很惊讶,事实上,我从来没有遇到过类似的问题。将记住“内联情感”。我爱你,我不知道没有它我们能做什么!哈哈