首页 > web前端 > css教程 > IE8 支持现代 CSS 媒体查询吗?

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

Susan Sarandon
发布: 2024-12-18 14:51:09
原创
198 人浏览过

Does IE8 Support Modern CSS Media Queries?

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-widthmax-width 媒体查询只是。

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

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板