简单的说就是设置body的宽度，那么如何动态的获取浏览器减去侧边滚动条之后的宽度，原理就是通过创建一个带有
滚动条的div（也就是overflow:scroll），利用offsetWidth-clientWidth得到滚动条的宽度，再利用
window.screen.availWidth减去滚动条的宽度即可得到浏览器除了滚动条以外的宽度，body再设置该宽度，即可解决
缩放排版错乱的问题，代码展示如下
---------------------
1 function setBodyWidth(){ 2 var barWidthHelper=document.createElement(‘div‘); 3 barWidthHelper.style.cssText="overflow:scroll; width:100px; height:100px;"; 4 document.body.appendChild(barWidthHelper); 5 var barWidth=barWidthHelper.offsetWidth-barWidthHelper.clientWidth; 6 document.body.removeChild(barWidthHelper); 7 var bodyWidth=window.screen.availWidth-barWidth; 8 return bodyWidth; 9 } 10 11 $(document).ready( 12 function(){ 13 var bodyWidth=setBodyWidth()+"px"; 14 //document.body.style.width=bodyWidth; 15 $("body").css("width",bodyWidth); 16 } 17 );
window.screen.availHeight与window.screen.height的区别就是一个任务栏高度的区别。
原文：https://www.cnblogs.com/mingdao/p/11115613.html