天猫首页自适应写法

时间:2021-09-30 06:14:02

我一直知道天猫首页自适应是兼容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");
}
});

天猫首页自适应写法

天猫首页自适应写法