如何使用JavaScript來支持IE

Question

@media all and (max-width:1000px){ 
    #div { 
     left: 500px; 
    } 
} 
@media all and (min-width:1000px){ 
    #div { 
     left: 50%; 
    } 
} 

是否有人可以幫助我實現這一相同的效果，使我的網站將支持舊版IE的一個javascript/jQuery的方法複製這個CSS媒體jQuery的？謝謝。

Answer 1

你應該首先使用某物像modernizr的檢查瀏覽器的功能（只不是IE瀏覽器將不支持媒體查詢），然後設置一些偵聽$(window).resize()並相應地改變你的佈局。請參閱：http://api.jquery.com/resize/

有點像：

if (!Modernizr.mq('(max-width:1000px)'){ 
    $(window).bind('resize load',function(){ //the load will make the style rules apply on load as well (i.e. noone's resizing the window) 
    if ($(window).width() > 1000){ 
     //layout big version 
    } else { 
     //layout small version 
    } 
    }); 
}