css – 媒体查询不工作在IE9

前端之家收集整理的这篇文章主要介绍了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将默认为兼容模式,并且将不起作用。

猜你在找的CSS相关文章