IE9屏幕大小调整更改样式表[复制]

如果有人在爬行,为了得到答案,以上两个答案并不能解决这里所回答的核心问题- CSS media query not working in IE 9

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

需要放置上面的meta标记 之前 其他任何meta标记,否则IE9将默认为兼容模式打开,随后将不起作用。

根据 http://msdn.microsoft.com/library/ms530813.aspx 它不支持这些属性,只支持“最小宽度”和“最大宽度”。

http://www.w3.org/TR/css3-mediaqueries/#error-handling 声明浏览器应该忽略它无法识别的属性。看来IE9不是这样。

是的,使用 @media (max-width: 860px) 而不是 max-device-width

IE9刚刚让我心脏病发作。项目媒体查询不起作用。

然后经过几分钟的google搜索,你必须在HTML中包含CSS。

这些IE浏览器真是太拖沓了!

<!--[if lt IE 9]>
<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->

IE兼容模式解决了这个问题。 去 兼容性视图设置 在兼容性视图中显示intranet站点 .