IE8 支持现代 CSS 媒体查询吗？

IE8 兼容 CSS 媒体查询

问题：IE8 不支持以下 CSS 媒体查询吗？

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

答案： IE8 不支持给定的媒体查询。另一种与 IE8 兼容的编写方式是：

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

注意： 此更新的代码使用嵌套的 @import 语句。但是，@import 会影响性能，不建议用于生产用途。考虑使用媒体查询 Polyfill。

CSS3 媒体查询 Polyfill：

要支持 IE8 及更早版本浏览器中的媒体查询，您可以使用 JavaScript Polyfill，例如：

• css3-mediaqueries-js:模拟媒体查询，但不适用于导入的样式表。
• Respond.js: 启用 min-width 和 max-width 媒体查询只是。

以上是IE8 支持现代 CSS 媒体查询吗？的详细内容。更多信息请关注PHP中文网其他相关文章！