javascript - 我如何将我的媒体查询与 java 脚本集成以支持 IE 中的@media 查询？

Question

我写了这些媒体查询来调整我的浏览器窗口的大小

@media screen and (min-width:768px) and (max-width:1023px) {
 #wrapper {
width:621px;
padding-left: 50px;
 margin:0 auto; background:red;
}
}
 @media screen and (min-width:1024px) and (max-width:2047px) {
 #wrapper {
 margin:0 auto;
 padding-left: 50px;
 width: 925px; background:yellow;
}
}

它工作但在 IE 中它不工作然后我在谷歌上读到 Internet Explorer 8 或更早版本不支持媒体查询。我们可以使用 java 脚本来获取它，我无法编写上面的代码并将其与 java 脚本集成。谁能帮帮我？

Answer 1

一个简单轻量级的解决方案是 Respond.js .

您所要做的就是在您的 CSS 之后包含脚本，它就可以正常工作。

这是一个演示，在旧版本的 IE 中查看:http://scottjehl.github.com/Respond/test/test.html