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

我在这里有一个响应站点： 在除IE9之外的所有其他现代浏览器中，一切似乎都运行良好

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

菜单“关于WNMU，当前学生…”可见，它最初隐藏在不到480px的屏幕中。但是，汉堡包菜单仍然可见。我的css代码似乎很简单：

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

我关闭了能力模式

---

谢谢。

看起来这个问题以前在这里被问过一次

以防万一，有人在爬行，为了得到答案，上面 两个答案并不能解决这里回答的核心问题-

基本上，内联CSS3媒体查询在IE9中可以工作，但您必须 禁用兼容模式-

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

上述元标记需要放置在任何其他元标记之前，否则IE9将默认为兼容模式，随后将无法工作

---

如果你好奇的话，我是通过在谷歌搜索

ie9@media css问题找到这个的。我刚想出来。我猜IE9有一个“4094规则”的限制。所以我拆开了css文件，一切都很好！我一定会明白为什么我有这么多规则

松了一口气。
正如我在帖子“我关闭了功能模式”中提到的，我看到了这篇帖子。我用的是“”，基本上是一样的。如果你在IE9中加载页面，你会看到兼容模式不会在页面上运行。哦，我在最后错过了这一点，对不起：（这是同一个错误吗？：如果你打开汉堡包菜单并调整窗口大小，你无法关闭它，显示屏将保持在手机/平板电脑模式（至少在IE和Chrome中）@Alvarontoro no先生。