媒体查询在 IE9 中不起作用

我遇到了一个奇怪的问题，只有 IE9 才会出现。我正在开发一个具有桌面布局和移动布局的网页。相同的 HTML，不同的 CSS。问题发生在下面的代码中：

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px), only screen and (max-device-width: 640px)

所有浏览器（IE9 除外）都会根据需要显示桌面站点。移动浏览器正确显示移动布局。 IE9 的问题是它还显示移动布局。

现在，如果我从上面的代码中删除“only”和“screen”一词，IE9 就会正确显示桌面站点。问题是，移动浏览器也会显示桌面站点。我对此进行了一些研究，但没有看到任何关于这个问题的信息。

谢谢阅读，

John

以防万一有人爬行寻求答案，上述两个答案并不能解决此处回答的核心问题 -CSS 媒体查询在 IE 9 中不起作用 https://stackoverflow.com/questions/6917639/css-media-query-not-working-in-ie-9

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

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

需要放置上面的meta标签before任何其他元标记，否则 IE9 将默认启用兼容模式，随后将无法工作。