区分js获取浏览器尺寸

在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