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 rel="stylesheet" type="text/css" media="all" href="style.css"/><!--[if lt IE 9]>
<link rel="stylesheet" type="text/css" media="all" href="style-ie.css"/>
<![endif]-->

这将不允许在IE8中进行响应性设计，但可能是一个比使用JS插件更简单、更容易访问的解决方案。

Answer 2

CSS 3-媒体-js可能是您要寻找的内容：此脚本模拟媒体查询。但是(从脚本的站点)它“不工作在@importED样式表(出于性能原因，您不应该使用它)。属性的媒体属性。<link>和<style>元素“。

同样地，你有一个更简单的Respond.js，它只允许min-width和max-width媒体查询。