JS设置body-width为屏幕最大宽度(width自适应)

// 设置body-width与屏幕width一致(减去20px进行修正)
document.body.style.width = (window.screen.availWidth - 20) + "px";

摘录参考:
网页可见区域宽:document.body.clientWidth;
网页可见区域高:"+ document.body.clientHeight;
网页可见区域宽(包括边线和滚动条的宽):document.body.offsetWidth;
网页可见区域高(包括边线的宽):document.body.offsetHeight;
网页正文全文宽:document.body.scrollWidth;
网页正文全文高:document.body.scrollHeight;
网页被卷去的高(ff):document.body.scrollTop;
网页被卷去的高(ie):document.documentElement.scrollTop;
网页被卷去的左:document.body.scrollLeft;
网页正文部分上:window.screenTop;
网页正文部分左:window.screenLeft;
屏幕分辨率的高:window.screen.height;
屏幕分辨率的宽:window.screen.width;
屏幕可用工作区高度:window.screen.availHeight;
屏幕可用工作区宽度:window.screen.availWidth;
XX位彩色:window.screen.colorDepth;
像素/英寸:window.screen.deviceXDPI;

你可能感兴趣的:(前端,-,学习一下下)