IE8对CSS媒体查询的支持

一尘不染

IE8对CSS媒体查询的支持

html

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);

阅读 299

2020-05-10

共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插件相比，这可能是一个更简单，更易于访问的解决方案。

2020-05-10