天貓首頁自適應寫法

添加微信交流羣（需加微信拉您進入）

 

我一直知道天貓首頁自適應是兼容IE7，IE6的，但是也沒有認真的找到是怎麼做的。前幾天試着做了天貓上的小例子，才恍然大悟。

天貓自適應IE8以上的瀏覽器是用css3@media媒體查詢控制的

IE6/IE7/IE8是用jq控制的。代碼如下：

//判斷是否是IE678

function browser() {
    var explorer = window.navigator.userAgent;
    var str = explorer.substr(30, 2).split(".")[0];
    if (explorer.indexOf("MSIE") >= 0) {
        var ie = parseInt(str, 10);
        if (ie <= 8 && ie >= 6) {
return true;
        }else{
return false;
}
    }
};

//判斷瀏覽器的寬度
$(window).resize(function() {
if($(document.body).width() <= 1260 && browser()) {
$("body").removeClass().addClass("w1024");
} else if ($(document.body).width() <= 1910 && browser()) {
$("body").removeClass().addClass("w1280");
}
});

 

添加微信交流羣（需加微信拉您進入）