css – 媒体查询不工作在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就会正确显示桌面网站。问题是，那么移动浏览器也会显示桌面网站。我已经做了一些研究，在这个问题上没有看到任何东西。

谢谢阅读，

约翰

解决方法

为了防止任何人为了解答这个问题，上述两个答案都没有解决这里回答的核心问题 – CSS media query not working in IE 9

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

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

上述元标记需要放在任何其他元标记之前，否则IE9将默认为兼容模式，并且将不起作用。

原文地址：https://www.jb51.cc/css/218447.html