html - IE7 IE8 在布局中误解 EM？

Question

该网站是 www.holmecourt.com，它在 Safari 和 IE9 中完全按照我的意图呈现，此屏幕截图直接在 Safari 中查看，在 Adob​​e Browserlab for IE9 中看起来完全一样：http: //holmecourt.com/图像/scrn1.png

但是，问题是 Browserlab 显示 IE8 如下，与 IE7 非常相似：http ://holmecourt.com/images/scrn2.png

IE7/8 以前在我到处使用像素时显示良好，但由于将所有内容都更改为 em，IE7/8 似乎不喜欢它。

我已经用 em 搜索了 IE 错误，但找不到任何错误，我想知道 IE7/8 如何在布局中呈现 em 是否存在已知错误？

否则，有经验的开发人员在比较屏幕截图时可能会注意到什么，我认为这可能与布局破坏、文本大小不正确有关，所以可能是字体大小被继承的问题？

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

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

任何帮助赞赏或寻找问题的想法赞赏！

Answer 1

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

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

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

Answer 2

好的，万一有人遇到类似问题，我已经意识到发生了什么！

当我删除一些条件注释时，我不小心删除了 HTML5 Shiv。这完全改变了 IE 8 及更低版本呈现 HTML5 元素的方式。

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

Answer 3

我确实遇到了同样的问题，我现在只使用像素。你需要他们做什么？如果是为了能够调整文本大小，那么今天的用户代理能够使用像素值正确缩放内容。