IE 9字体宽度渲染

时间:2011-10-25 15:22:13

标签: css internet-explorer internet-explorer-9

我正在建立一个在网站上显示3项新闻的旋转木马。它显示新闻标题和新闻故事的前150个字符,旋转木马中的所有项目必须是相同的高度,所以我将每个新闻项目设置为高度:182px;宽度:210px;

除了IE 9之外,它在所有浏览器中看起来都很好,因为它似乎使字体比所有其他浏览器更宽一些,因为所有项目都有一个设置的高度和宽度,IE 9中的文本转到4行而不是所有其他浏览器使用的3行。然后这就把其他一切都搞砸了。

所以我想知道是否有什么可以使文本与所有其他浏览器相同?

感谢您的帮助。

学家

2 个答案:

答案 0 :(得分:0)

我也注意到了这一点,这让人非常恼火。我必须为我正在处理的事情创建css修复程序。为什么IE永远都不能正确!它减缓了开发时间的结束。

答案 1 :(得分:0)

我确实发现了问题,以防其他人遇到同样的问题。

不确定是否有其他人这样做,但这是导致问题的原因。

在我的css身上我通常把字体大小:64.5%,所以我之后使用的任何em字体基本上都是像素大小的十分之一,所以14px的字体大小是1.4em等等......

但这样做似乎使IE9在使用1.1em时略微缩放字体,所以我现在将body css设置为font-size:100%然后使用http://pxtoem.com/来查找特定的em字体大小并且似乎在所有浏览器中都运行良好...希望这有助于其他人:)

这也可能有些用http://msdn.microsoft.com/en-us/library/hh237264%28v=vs.85%29.aspx#using_spp_on_your_site