css - 网页以 IE8/Vista 与 IE8/Win7 不同的方式呈现 - 接下来要尝试什么

Question

我的网站建立在 wordpress 之上，采用严格的 XHTML 1.0 和 CSS3 编码。它验证除了未包含 CDATA 的脚本标签和未封闭的
标签，以及在 jquery-ui.css 中找到的标签

站点在域 www.example.com 上运行，而开发站点在 www-dev.exampledev.net 上运行 两个安装具有相同的代码。

在 Win7 上的 IE8 上，两个网站都呈现相同的 www 和 www-dev 网站..

虽然 Vista 上的 IE8 可以正确呈现 www-dev 站点，但是 www 站点在主要页面导航的位置上存在问题 - 存在不应该存在的间隙。

我无法访问 IE8 Vista 框，因此我无法使用 IE 等同于 FF 的网站管理员工具轻松查看代码

关于如何处理它有什么建议吗？我想知道这是否与这个问题不同:

Strange rendering issue occurring in IE8 only

Answer 1

我的猜测是您的 IE8 副本之一正在进入 IE7 兼容模式。

您所描述的症状很典型——具有相同代码的相同站点在 IE8 的不同副本中或在不同位置托管时表现不同。

IE8(以及 IE9)有一个恼人的小功能，可能会导致它在不通知您的情况下进入兼容模式，并且仅适用于某些站点。

查明这是否是正在发生的事情的方法是打开开发人员工具窗口(按 F12)。渲染模式显示在该窗口顶部的右侧。

在您测试过的所有组合中尝试此操作，我猜您会发现至少其中一个报告它处于 IE7 兼容模式。

那么IE为什么要这样做呢？有一个配置设置，它告诉 IE8 使用兼容模式“用于 Intranet 站点”。即，本地网络上的站点。这背后的想法是，企业用户可能拥有专为早期版本的 IE 设计且无法升级的 Intranet 应用程序。它允许他们升级 IE，同时仍在内部使用这些应用程序。这本来是个好主意，但有两个错误:首先，所有这些公司都停留在 IE6 上，而兼容模式仅适用于 IE7。其次，兼容模式无论如何都不是 100% 与真正的 IE7 相同；它有自己的错误和怪癖。所以有点乌龙球。但它就在那里，您需要了解它。

那么我们如何绕过它呢？第一个答案是关闭配置设置。遗憾的是，对于我们大多数人来说，我们无法向您的用户发号施令，因此完整的解决方案是使用 Microsoft 专门发明的元标记来帮助开发人员解决此问题。将以下内容添加到您的 HTML header 中，问题应该就会消失:

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

希望对您有所帮助。