respond.js polyfill不适用于IE8中的最后一个媒体查询

时间:2011-11-23 16:13:13

标签: css css3 internet-explorer-8 responsive-design polyfills

我的css中有两个媒体查询(不包括打印版本): @media screen and (min-width: 720px) {}@media screen and (min-width: 1026px) {

我正在使用respond.js让他们在IE8下运行。奇怪的是它完美地工作,除了最后一个媒体查询,它在媒体查询之前恢复到css。即,它可以很好地工作,直到窗口达到宽度为1026px的阈值。

有人知道那里发生了什么事吗?以下是预览的链接:http://bit.ly/i6ITPe

感谢一大堆的回答

3 个答案:

答案 0 :(得分:3)

我一直有几个问题,并且发现它一次又一次地工作。首先根据我一直在阅读的论坛,你不应该包括来自modernizr的respond.js,他们很可能会放弃它。此外,当您包含respond.js时,请在所有样式表之后添加它。它应该是最后加载的东西之一。希望有所帮助! =)

答案 1 :(得分:1)

使用respond.js

时,有几点需要注意
  1. 需要通过对link元素中的样式表进行ajax调用来解析css
  2. 它无法理解从客户端LESS动态创建的CSS,或通过document.write,jQuery等注入的样式。
  3. 样式表中未遵循
  4. @Import语句

    希望这有帮助。

答案 2 :(得分:0)

我不确定这是否适用于您,但我发现在使用respond.js时会破坏css的问题。

你有没有任何风格打开和关闭的元素,例如:

ul.demo{}

我发现这打破了我的CSS,即8岁及以下