IE8支持CSS媒体查询

Question

IE8支持CSS媒体查询

IE8是否不支持以下CSS媒体查询：

@import url("desktop.css") screen and (min-width: 768px);

如果不是，另一种写作方式是什么？在Firefox中，同样的功能也很好。

下面的代码有什么问题吗？

@import url("desktop.css") screen; @import url("ipad.css") only screen and (device-width:768px);

Answer 1

IE9之前的InternetExplorer版本不支持媒体查询.如果你在寻找一种方法有辱人格对于IE8用户的设计，您可能会发现IE的条件注释很有帮助。使用它，您可以指定一个IE8/7/6特定的样式表，它覆盖了前面的规则。例如：<link&nbsp;rel="stylesheet"&nbsp;type="text/css"&nbsp;media="all"&nbsp;href="style.css"/><!--[if&nbsp;lt&nbsp;IE&nbsp;9]> <link&nbsp;rel="stylesheet"&nbsp;type="text/css"&nbsp;media="all"&nbsp;href="style-ie.css"/> <![endif]-->这将不允许在IE8中进行响应性设计，但可能是一个比使用JS插件更简单、更容易访问的解决方案。

Answer 2

CSS 3-媒体-js可能是您要寻找的内容：此脚本模拟媒体查询。但是(从脚本的站点)它“不工作在@importED样式表(出于性能原因，您不应该使用它)。属性的媒体属性。<link>和<style>元素“。同样地，你有一个更简单的Respond.js，它只允许min-width和max-width媒体查询。