IE7 IE8在布局中误解了EM?

时间:2013-01-28 20:18:23

标签: html css internet-explorer layout em

该网站是www.holmecourt.com,它完全按照我的意图呈现在Safari和IE9中,这个截图直接在Safari中查看,在IE浏览器中看起来与IE9完全相同:http://holmecourt.com/images/scrn1.png

然而,问题是Browserlab显示IE8如下,IE7非常相似:http://holmecourt.com/images/scrn2.png

Ie7 / 8以前在我到处使用像素时显示得很好,但是自从将所有内容更改为ems后,IE7 / 8似乎不喜欢它。

我用em搜索IE错误,但找不到任何错误,我想知道IE7 / 8在布局中如何呈现ems时是否存在已知错误?

否则,在比较屏幕截图时,更有经验的开发人员可能会注意到什么,我认为可能与布局中断相关,文本大小不正确,所以可能是字体大小的问题被遗传?

我尽量不要模糊,但如果这篇文章是,我绝对可以尝试改写它。

所有CSS都可以从源访问,但可以提供所需的任何代码。

任何帮助欣赏或寻找感谢的想法!

3 个答案:

答案 0 :(得分:0)

我偶然遇到了同样的问题,我现在只使用像素。 你需要什么? 如果能够调整文本大小,今天的用户代理能够使用像素值正确缩放内容。

答案 1 :(得分:0)

您可以实现特定样式表以有条件地加载ie。在html的头部:

<!--[if lte IE 8]>
<link rel="stylesheet" type="text/css" href="ie.css" />
<![endif]-->

这将仅在使用ie8或更低时加载ie特定的.css文件。然后,您可以将替换放在ie.css文件中,以便在这些版本中正确显示。

答案 2 :(得分:0)

好的,如果有人有类似的问题,我已经意识到发生了什么!

我删除了一些条件评论时意外删除了HTML5 Shiv。这完全改变了IE 8及以下呈现HTML5元素的方式。

http://code.google.com/p/html5shiv/