html - IE9 下移列

Question

我们发布了一个应用程序并确保它可以跨浏览器和跨设备工作，甚至回退到与 IE7 一起工作。遗憾的是我们这里只有 Windows XP 机器，所以只能在 IE7 和 8 上进行测试。

发布后有人指出在 IE9 中主页显示不正确。它正在将右侧的两列移动到左侧第一列的下方。如果您在计算机上的 IE9 中尝试此操作(IE9 的完整版本，而不仅仅是浏览器模式设置为 IE9 的 IE10)，确实如此，列会发生变化。更奇怪的是，如果您单击左侧的橙色按钮之一(仅供引用，如果您单击并拖动它具有相同的效果而不会将您弹离页面)布局会自行修复，并且两列会向后移动与第一栏。这让我们很难找出问题所在。

我测试后将我的家庭浏览器升级到IE10并尝试没有问题。即使进入开发人员工具并将浏览器模式切换到 IE9 并将文档模式切换到 IE9 标准，也没有问题。

我只是想知道你们中是否有人遇到过类似的事情。我倾向于认为这是某种 IE9 错误，与标准合规性无关，因为它在 IE10 中工作，渲染模式设置为 IE9。

非常感谢任何帮助、建议，甚至是一个快速的“是的，我的 IE9 版本也会发生这种情况”。

Answer 1

我为您准备了一个解决方法，这样您就可以暂时解决这个关键问题。让 IE 相信它是 IE8。

您只需包含此元标记即可。

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

希望它对我们有所帮助，直到我们找到具体的解决方案。