IE9 忽略同一样式表中的*一些*媒体查询答案

【问题标题】：IE9 ignoring *some* media queries in same stylesheetIE9 忽略同一样式表中的*一些*媒体查询
【发布时间】：2015-03-04 09:05:58
【问题描述】：

我在这里有一个响应式网站：http://wnmu.edu 在除 IE9 之外的所有其他现代浏览器中，一切似乎都运行良好。

似乎只有某些@media 查询被识别，即使它们在同一个样式表中。看看这个截图：

菜单“About WNMU, Current Students...”是可见的，最初隐藏在小于 480 像素的屏幕中。但是，汉堡菜单仍然可见。我的 css 代码看起来很简单：

@media only screen and (min-width: 784px){
    .banner #responsive_menu_toggles {
        display: none;
    }
}

我关闭了能力模式。

谢谢。

【问题讨论】：

这是同样的错误吗？：如果您打开汉堡菜单并调整窗口大小，则无法关闭它并且显示将停留在手机/平板电脑模式（至少在 IE 和 Chrome 中）跨度>
@AlvaroMontoro 没有先生。

标签： html css internet-explorer internet-explorer-9

【解决方案1】：

这个问题好像以前在这里问过一次。

Media query not working in IE9

以防万一有人正在搜寻这个问题的答案，上面两个答案并没有解决这里回答的核心问题 - CSS media query not working in IE 9

基本上内联 CSS3 媒体查询确实可以在 IE9 中使用，但您必须这样做禁用兼容模式 -
<meta http-equiv="X-UA-Compatible" content="IE=9"> 
上述元标记需要放在之前任何其他元标记，否则IE9将默认为兼容模式，随后将无法工作。

如果你好奇，我在谷歌上搜索ie9 @media css issues发现了这个

【讨论】：

正如我在帖子“我关闭了功能模式”中提到的。我看到了这个帖子。我正在使用“”，这本质上是一样的。如果你在 IE9 中加载页面，你会看到页面上没有运行兼容模式。
哦，我错过了最后的那一点，对不起:(

【解决方案2】：

哇。刚刚想通了。我猜 IE9 有“4094 规则”限制。所以我分解了css文件，一切都很好！我一定会明白为什么我有这么多规则。

松了一口气。

【讨论】：