respond.js 在 IE8 中不起作用

Question

我在我的网站上使用媒体查询进行响应式设计，并使用respond.js 确保它在不支持媒体查询的浏览器中工作。但是当我在IE8上测试时，它并没有工作。

从其他问答中，我确保我：

1. place the respond.js script after the CSS
2. it is ran on a server and not locally with a file:// protocol
3. Avoided any cross-browser issues
4. Made sure my include path is correct(!)

但没有一个能解决问题。

Answer 1

我发现在媒体查询中包含太多样式会有点“超载”它，并且媒体查询中根本不会显示任何内容。我已经通过在媒体查询中删除除一种样式之外的所有样式对此进行了测试，它再次起作用了。

“解决方案”是在媒体查询之外放置尽可能多的 CSS（改用覆盖属性）并将多个媒体查询合并为一个，这无论如何都是一种好习惯。

这也可能是here 的问题，最后一个媒体查询由于过载而无法工作。

similar conclusion 是由 29 Steps 的另一位开发人员制作的。