我正在跨浏览器测试我的开发站点,在看到 friend 提供的一些 IE8 屏幕截图后,我很生气地看到我的许多标题和段落都换行了,而它们在 FF、IE9 和 Chrome 中看起来都非常相似.
特别是 IE8,与这些较新的浏览器相比,字母间距似乎太宽了。我可以做些什么来使它们彼此一致吗?
这是一个很好的演示,看看它:http://dev.enterf1.com/british-grand-prix/tickets.php
H2 设置为 -1px,在新浏览器中看起来很棒。如果我将它设置为 -2px,它在 IE8 中看起来会好很多,但在较新的浏览器中会被压扁。
有什么我可以做的吗?
最佳答案
浏览器有自己的样式表。您可以使用 CSS 规范器或重置器来平衡竞争环境,以便所有浏览器都按照您的意图呈现您的样式。 IE8 显然有一个不同于其他适合您需要的基本样式。
查看 http://necolas.github.com/normalize.css/
如果不出意外,可以使用条件注释在body上为ie8设置一个类,然后使用专门针对该类的CSS规则。考虑以下几点:
<!--[if IE 9]><body class="ie9 ie"><![endif]-->
<!--[if IE 8]><body class="ie8 ie"><![endif]-->
<!--[if IE 7]><body class="ie7 ie"><![endif]-->
<!--[if lte IE 6]><body class="ie6 ie"><![endif]-->
<![if !IE]><body><![endif]>
然后考虑以下 CSS:
h2 {
font-size : 14px;
}
.ie8 h2 {
font-size : 12px;
}
这将为您提供仅 ie8 所需的结果。
关于css - 为什么与新版浏览器相比,旧版 IE 中的字母间距要宽得多?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14653825/