3

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

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

有人知道那里发生了什么吗？这是预览的链接：http: //bit.ly/i6ITPe

非常感谢您的任何回答

4

3 回答 3

3

我一直有几个问题，并发现它再次工作。首先，根据我一直在阅读的论坛，您不应该包含来自modernizr 的respond.js，他们很可能会放弃它。此外，当您包含 respond.js 时，将其添加到所有样式表之后。它应该是最后加载的内容之一。希望有帮助！=)

于 2012-02-04T01:10:06.230 回答
1

使用 respond.js 时需要注意一些事项

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

希望这可以帮助。

于 2012-02-12T13:06:13.373 回答
0

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

您是否有任何打开和关闭没有样式的元素，即：

ul.demo{}

我发现这在 ie 8 及以下版本中破坏了我的 css

于 2011-12-27T16:05:49.833 回答