如何將我的媒體查詢與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

Answer 2

@jamman;檢查這篇文章，他們使用java script & media query在那裏例如可能能夠幫助您http://css-tricks.com/6206-resolution-specific-stylesheets/

它

，你必須根據screen size變化調用不同的CSS。