Question

我正在创建一个很好的流程，可以在我的网站上注册CSS3媒体查询。我已经尝试了css3-mediaqueries.js，但没有做任何事情，现在我已经听说了Respons.js是要走的路，但是我把它放在css样式表之后并在IE 8中查看它并且它每次都会崩溃我的网站！

我链接到的网站保留了<script src="js/libs/respond.src.js"></script>我放置它的位置但是已经从服务器上删除了.js文件，否则它会一直崩溃。

有没有人有过Respond.js的经验以及为自己的网站注册CSS3媒体查询的经验？我一直试图解决这个问题已经有一段时间了，而且非常令人沮丧。

我感谢任何建议！

Answer 1

当我在style.css中使用此组合时，我的IE崩溃了：

@media screen and (max-width: 320px) { 
#element {}
@media screen and (orientation:landscape) {
    .element {}
}
}

之后

@media screen and (max-width: 320px) { 
#element {}
}
@media screen and (orientation:landscape) and (max-width: 320px) {
    .element {}
}

工作得好，没有崩溃IE！：）

Answer 2

在IE8中将背景图像设置为正文是一个已知问题。在GitHub上查看此问题：https://github.com/scottjehl/Respond/issues/83

尝试使用Scott昨晚推送的最新版本的Respond：https://github.com/scottjehl/Respond/blob/master/respond.min.js，问题应该解决。

如果这不起作用，你总是可以通过在条件注释中输入IE其他屏幕样式来尝试没有polyfill的方法。如果您使用SASS或LESS，这是最简单的，因为您可以将样式导入到没有媒体查询的辅助样式表中。有关详细信息，请查看此帖子：http://nicolasgallagher.com/mobile-first-css-sass-and-ie/。如果您没有使用预处理器，那么可能不值得花时间。

CSS 3媒体查询支持IE

2 个答案: