respond.js polyfill不适用于IE8中的最后一个媒体查询 [英] respond.js polyfill not working for last media query in IE8

问题描述

我有两个媒体查询在我的css（不计算打印一个）：
@media屏幕和（min-width：720px）{} @media screen and（min-width：1026px）{

I have two media queries in my css (not counting the print one) : @media screen and (min-width: 720px) {} and @media screen and (min-width: 1026px) {

我使用respond.js行为在IE8下。奇怪的是，它完美地工作，除了最后的媒体查询，它在媒体查询之前回到css。即，它工作得很好，直到窗口达到1026px阈值的宽度。

I am using respond.js to get them to behave under IE8. The weird thing is that it works perfectly, except for the last media query where it reverts back to the css before the media queries. I.e., it works well until the window hits that 1026px threshold in width.

任何人都有一个想法，在那里发生了什么？以下是预览的链接： http://bit.ly/i6ITPe

Anybody got an idea as to what is going on there ? Here is the link to the preview : http://bit.ly/i6ITPe

感谢一个回答任何回答

推荐答案

我遇到了几个问题，工作和再次关闭。首先，基于我一直在阅读的论坛，你不应该包括来自modernizr的respond.js，他们是更有可能去掉它。此外，当您包括respond.js添加它后所有的样式表。它应该是最后加载的东西之一。希望有所帮助！ =）

I have been having several issues with this and have found it working on and off again. First off based on the forums I have been reading you should not include respond.js from modernizr, they are more than likely going to drop it. Also when you include respond.js add it after all of your stylesheets. It should be one of the last things to load. Hope that helps! =)

这篇关于respond.js polyfill不适用于IE8中的最后一个媒体查询的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！