IE9兼容性视图关闭时的布局问题

Question

我在IE9兼容性的布局中遇到问题查看On。在所有主流浏览器中（包括IE9兼容性视图关闭），布局都很好。但似乎textarea在IE9中保持缩水，文本输入缩小了。下面显示了其他浏览器中所需布局与IE9兼容性视图中不正确布局之间的区别：

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

我提供了一个jsfiddle来显示代码：http://jsfiddle.net/U9Nm8/embedded/result/ （在JSFiddle布局看起来很好）

Answer 1

只需添加带有X-UA-Compatible值的HTTP响应标头或元素IE=edge，以防止用户切换到兼容性视图模式：

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

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