html - IE9 兼容性 View 关闭时的布局问题

Question

我在 IE9 兼容性 View On 中的布局有问题。在所有主流浏览器中(包括关闭 IE9 兼容性 View )，布局都很好。但似乎 textarea 在 IE9 中保持缩小，文本输入也缩小了。下面显示了其他浏览器中所需布局与 IE9 兼容性 View 中错误布局之间的区别:

我的问题只是如何修复布局？

我提供了一个 jsfiddle 来显示代码:http://jsfiddle.net/U9Nm8/embedded/result/(在 JSFiddle 中，布局看起来不错)

Answer 1

只需添加带有 IE=edge 值的 HTTP 响应 header 或元元素 X-UA-Compatible 即可防止用户切换到兼容 View 模式:

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

兼容性 View 模式不适用于开发网站，您不应该关心打开此模式后符合标准的站点在 IE 中的外观。兼容性 View 模式仅有助于查看为旧 IE 版本开发的旧过时站点，否则这些站点将无法正常工作。