当前位置 : 主页 > 网络编程 > JavaScript >

判断当前浏览器采用的渲染方式

来源:互联网 收集:自由互联 发布时间:2021-06-28
document.compatMode:用于判断当前浏览器采用的渲染方式 BackCompat:标准兼容模式关闭;CSS1Compat:标准兼容模式开启当document.compatMode等于BackCompat时,浏览器客户区宽度是document.body.clientWid
document.compatMode:用于判断当前浏览器采用的渲染方式
BackCompat:标准兼容模式关闭;
CSS1Compat:标准兼容模式开启
当document.compatMode等于BackCompat时,浏览器客户区宽度是document.body.clientWidth;
当document.compatMode等于CSS1Compat时,浏览器客户区宽度是document.documentElement.clientWidth。

var width = window.innerWidth;

if(typeof width != "number"){
	if(document.compatMode == "CSS1Compat"){
		width = document.documentElement.clientWidth;
	}else{
		width = document.body.clientWidth;
	}
}

if(width >= 1920){
	$("body").css("zoom","1.0");
}else if(width >=1600 && width < 1920){
	$("body").css("zoom","0.9");
}else if(width >= 1360 && width < 1600){
	$("body").css("zoom","0.8");
}else{
	$("body").css("zoom","0.7");
}
网友评论