Bootstrap

JS 动态设置页面高度

JavaScript获取页面、屏幕尺寸大小参数

//网页可见区域宽
document.body.clientWidth 
//网页可见区域高
document.body.clientHeight 
//网页可见区域宽(包括边线的宽) 
document.body.offsetWidth
//网页可见区域高(包括边线的宽)
document.body.offsetHeight 
//网页正文全文宽
document.body.scrollWidth 
//网页正文全文高
document.body.scrollHeight 
//网页被卷去的高
document.body.scrollTop 
//网页被卷去的左
document.body.scrollLeft 
//网页正文部分上
window.screenTop 
//网页正文部分左
window.screenLeft 
//屏幕分辨率的高
window.screen.height 
//屏幕分辨率的宽
window.screen.width 
//屏幕可用工作区高度
window.screen.availHeight 
//屏幕可用工作区宽度
window.screen.availWidth

获取网页内容高度,给body设置

let clientHeight = document.body.scrollHeight;
clientHeight += 30;//边框15px,减去上下边框30px
document.getElementById("body").style.height = clientHeight + "px";
;