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

【问题标题】：respond.js polyfill not working for last media query in IE8respond.js polyfill 不适用于 IE8 中的最后一个媒体查询
【发布时间】：2011-11-23 16:13:13
【问题描述】：

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

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

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

非常感谢您的任何回答

【问题讨论】：

标签： css internet-explorer-8 responsive-design polyfills

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

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

希望这会有所帮助。

【讨论】：

【解决方案3】：

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

您是否有任何可以打开和关闭且没有样式的元素，例如：

ul.demo{}

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

【讨论】：

我没有任何类似的东西，不...正如 Zanderi 指出的那样，这似乎是其中之一，当感觉像它时会起作用...