IE8 对 CSS 媒体查询的支持

小编典典

IE8 对 CSS 媒体查询的支持

all

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

阅读 148

2022-08-15

共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 插件更简单且更易于访问的解决方案。

2022-08-15