Question

我有一个在IE8 +中呈现良好的网站，但是我的客户将他们的IE8浏览器设置为Document Mode: IE7 Standards，并且他们认为该网站在没有时会被破坏。

我读过的每个地方似乎都暗示这个问题的答案就是在<meta http-equiv="X-UA-Compatible" content="IE=edge" />标记之后立即添加<head>。但是，当我尝试通过IE F12开发人员工具设置Document Mode: IE7 Standards来测试时，它将无法呈现到IE8文档模式。

我正在用它来测试这个步骤：

在IE中，打开http://johngoosey.com
您应该看到的内容：50％/ 50％垂直分屏，左侧为导航，右侧为内容。
通过F12
将文档模式设置为IE7标准
50％/ 50％分割堆叠，左上角是导航，右下角是内容。

如果你做了一个视图源，你会发现我有一个meta标签。我已经尝试了不同元内容值的所有组合（即：IE = edge，IE = 8，IE = EmulateIE8），没有运气。任何和所有建议/建议将不胜感激！

Answer 1

问题在于IE7的盒子模型搞砸了。

例如，将.columns.colLeft上的左边距填充更改为0，将.columns.colRight中的右边边距更改为0.

你可以通过条件类来解决这个问题：

.ie8compat .columns.colLeft {
    padding-right:0;
}

.ie8compat .columns.colRight {
    padding-left:0;
}

IE将无法在IE8文档模式下呈现

1 个答案: