我的css中有两个媒体查询(不包括打印版本):
@media screen and (min-width: 720px) {}
和@media screen and (min-width: 1026px) {
我正在使用respond.js让他们在IE8下运行。奇怪的是它完美地工作,除了最后一个媒体查询,它在媒体查询之前恢复到css。即,它可以很好地工作,直到窗口达到宽度为1026px的阈值。
有人知道那里发生了什么事吗?以下是预览的链接:http://bit.ly/i6ITPe
感谢一大堆的回答
答案 0 :(得分:3)
我一直有几个问题,并且发现它一次又一次地工作。首先根据我一直在阅读的论坛,你不应该包括来自modernizr的respond.js,他们很可能会放弃它。此外,当您包含respond.js时,请在所有样式表之后添加它。它应该是最后加载的东西之一。希望有所帮助! =)
答案 1 :(得分:1)
使用respond.js
时,有几点需要注意link
元素中的样式表进行ajax调用来解析css document.write
,jQuery等注入的样式。 @Import
语句
醇>
希望这有帮助。
答案 2 :(得分:0)
我不确定这是否适用于您,但我发现在使用respond.js时会破坏css的问题。
你有没有任何风格打开和关闭的元素,例如:
ul.demo{}
我发现这打破了我的CSS,即8岁及以下