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