浏览器各个宽度代表什么

1. screen.width 和 screen.height。这两个属性包含了用户屏幕的完整宽度高度。它们的值不会因为浏览器的缩放而改变，它们是显示器的特征，而不是浏览器的。
2. window.innerWidth/Height
   含义：包含滚动条尺寸的浏览器完整尺寸
   度量：CSS的pixels
   兼容性问题：IE不支持，Opera用设备pixels来度量
   你需要知道多少你自己定义的元素能塞入浏览器窗口，而这些数量会随着用户放大浏览器而减少。
   原文: https://www.w3cplus.com/css/viewports.html © w3cplus.com
3. window.pageX/YOffset
   含义：页面的移位
   度量：CSS的pixels
   兼容性问题：pageXOffset 和 pageYOffset 在 IE 8 及之前版本的IE不支持, 使用”document.body.scrollLeft” and “document.body.scrollTop” 来取代
   window.pageXOffset 和 window.pageYOffset，定义了页面(document)的相对于窗口原点的水平、垂直位移。因此你能够定位用户滚动了多少的滚动条距离。
   原文: https://www.w3cplus.com/css/viewports.html © w3cplus.com

参考以下网站：

https://www.w3cplus.com/css/viewports.html