当前浏览器使用何种渲染引擎进行页面呈现?
- 内容介绍
- 文章标签
- 相关推荐
本文共计167个文字,预计阅读时间需要1分钟。
document.compatMode用于判断当前浏览器采用的渲染方式:BackCompat为标准兼容模式关闭;CSS1Compat为标准兼容模式开启。当document.compatMode等于BackCompat时,浏览器客户区宽度为document.body.clientWidth。
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"); }
本文共计167个文字,预计阅读时间需要1分钟。
document.compatMode用于判断当前浏览器采用的渲染方式:BackCompat为标准兼容模式关闭;CSS1Compat为标准兼容模式开启。当document.compatMode等于BackCompat时,浏览器客户区宽度为document.body.clientWidth。
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"); }

