IE8对CSS媒体查询的支持

Question

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之前的Internet Explorer版本 不支持媒体查询 。

如果您正在寻找一种 降低 IE8用户设计水平的方法，则可能会发现IE的条件注释很有用。使用此功能，可以指定特定于IE
8/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插件相比，这可能是一个更简单，更易于访问的解决方案。