css - 这在 IE8 中可靠地工作吗?

标签 css media-queries ie8-compatibility-mode ie-developer-tools

对于媒体查询,这在 IE8 中运行良好吗?

 <!--[if lt IE 9]>
 <script src="css3-mediaqueries.js"></script>
 <![endif]-->

我没有任何带有 IE8 的机器或虚拟机来测试它。我已经使用 IE8 兼容模式在 IE9 中对其进行了测试。在我刷新页面之前,它似乎一直有效。然后媒体查询就不再起作用了。

JS文件来自谷歌http://code.google.com/p/css3-mediaqueries-js/并为旧版浏览器启用媒体查询功能。

最佳答案

是的,它适用于 IE8。但最好的方法是为所有不支持媒体查询的浏览器提供回退。

要实现它,您需要带有 MQ 测试和 yepnope 的 Modernizr:

(这个包也带有 html5shiv,如果你使用 HTML5 很有用)

将其包含在您的 <head> 中之后部分,测试 mqs 并有条件地加载回退:

Modernizr.load([
    { test : Modernizr.mediaqueries , nope :'css3-mediaqueries.js' }
]);

关于css - 这在 IE8 中可靠地工作吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16825245/

相关文章:

html - 我使用 css 进行迭代

JavaScript 与媒体查询

css - Chrome 没有正确显示媒体查询内容

html - 忽略 IE9 中内部 iframe 中的 EmulateIE8

javascript - 边框间距不起作用

css - 标签链接 CSS 不工作?

javascript - 如果条件正确,为什么序列不起作用?

css - 覆盖 CSS 媒体查询

html - IE8不支持HTML5,但是网站还是一样

html - box-shadow IE8 无法在 IE8 上运行