在js获得窗口尺寸时分别有:
1.clientWidth/clientHeight=padding+width/height
①document.documentElement.clientWidth【窗口宽度(不包括滚动条)】/clientHeight 【可视窗口高度】
②document.body.clientWidth 【内容宽度(相当于一个未经过任何修饰的div的宽度)】 /clientHeight 【内容高度,即使在当前可视窗口中未能显示的内容但仍然包括在内】
2.offsetWidth/offsetHeight=padding+width/height+border
①offsetWidth=border+padding+width+滚动条
②offsetHeight= border+padding+Height+滚动条
https://developer.mozilla.org/zh-CN/docs/Web/API/HTMLElement/offsetWidth
3.scrollWidth/scrollHeight
scrollWidth只读属性以px为单位返回元素的内容区域宽度或元素的本身的宽度中更大的那个值。若元素的宽度大于其内容的区域(例如,元素存在滚动条时),scrollWidth的值要大于clientWidth