问题: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,例如:
以上是IE8 支持现代 CSS 媒体查询吗?的详细内容。更多信息请关注PHP中文网其他相关文章!