2

所以,我有这样的事情:

铬工作正常

在 320 像素的支架内有 4 个正好为 76x76 像素的对象。在 Chrome 中,您可以在上面看到,它工作得很好。但在 Firefox 和 IE9 中,我得到这样的结果:

Firefox 无法正常工作

大小相同<ul>

在此处输入图像描述

如果我调整大小,我只会让它正确显示<li>

在此处输入图像描述

这是为什么?图像大小实际上是 76x76,Chrome 可以正确渲染它。提前致谢!

- -编辑 - -

所以我正准备为你们提供一个 jsFiddle,我意识到简单的代码在那里适用于所有浏览器。所以在“删除所有代码直到我找到问题”之后,我找到了它!哈哈 是因为这两条样式线结合应用于所有的侧边栏造成的:

letter-spacing: 1.6px;
font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;

如果我只是删除其中一个,它就可以正常工作,两者的结合都出问题了。因此,只需设置font-family: Arial;(我知道,奇怪的解决方案,对吗?)就可以了<ul>

谢谢大家。

4

1 回答 1

1

所以我正准备为你们提供一个 jsFiddle,我意识到简单的代码在那里适用于所有浏览器。所以在“删除所有代码直到我找到问题”之后,我找到了它!哈哈 是因为这两条样式线结合应用于所有的侧边栏造成的:

letter-spacing: 1.6px;
font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;

如果我只是删除其中一个,它就可以正常工作,两者的结合都出问题了。因此,只需设置font-family: Arial;(我知道,奇怪的解决方案,对吗?)就可以了<ul>

谢谢大家。

于 2012-10-06T18:23:09.617 回答