所以,我有这样的事情:
在 320 像素的支架内有 4 个正好为 76x76 像素的对象。在 Chrome 中,您可以在上面看到,它工作得很好。但在 Firefox 和 IE9 中,我得到这样的结果:
大小相同<ul>
如果我调整大小,我只会让它正确显示<li>
这是为什么?图像大小实际上是 76x76,Chrome 可以正确渲染它。提前致谢!
- -编辑 - -
所以我正准备为你们提供一个 jsFiddle,我意识到简单的代码在那里适用于所有浏览器。所以在“删除所有代码直到我找到问题”之后,我找到了它!哈哈 是因为这两条样式线结合应用于所有的侧边栏造成的:
letter-spacing: 1.6px;
font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
如果我只是删除其中一个,它就可以正常工作,两者的结合都出问题了。因此,只需设置font-family: Arial;
(我知道,奇怪的解决方案,对吗?)就可以了<ul>
!
谢谢大家。