如何将我的媒体查询与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之后包含脚本，并且Just Just。

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

Answer 2

@jamman;查看这篇文章他们使用java script＆amp;这个示例中的media query可以帮助您http://css-tricks.com/6206-resolution-specific-stylesheets/

其中你必须根据screen size更改调用不同的CSS。