IE9忽略同一样式表中的* some * media查询

Question

我的回复网站位于此处：http://wnmu.edu 除IE9外，所有其他现代浏览器中的一切似乎都运行良好。

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

菜单“关于WNMU，当前学生......”是可见的，最初隐藏在少于480px的屏幕中。但是，汉堡包菜单仍然可见。我的css代码看起来很简单：

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

我关闭了功能模式。

谢谢。

Answer 1

看起来这个问题曾经问过一次，在这里。

Media query not working in IE9

  

以防万一有人为了回答这个问题而爬行SO，以上情况   两个答案没有解决这里回答的核心问题 -   CSS media query not working in IE 9

     

基本上内联CSS3媒体查询可以在IE9中运行，但你必须这样做   禁用兼容模式 -

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

     

以上元标记需要放在之前任何其他元标记，否则IE9将默认为兼容模式，并且随后将无效。

如果您好奇我通过搜索谷歌找到ie9 @media css issues

来找到这个

Answer 2

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

松了一口气。