qq_31769869的博客

screen.width、screen.hight: 屏幕的宽高，物理像素 window.innerHeight, window.innerWidth: 可视视图的宽高，css像素 document.documentElement.clientWidth/clientHeight: 布局视图的宽高，css像素 document.documentElement.offsetWidth/offsetHeight: html标签的宽高 参考文章： https://www.quirksmode.org/mobi.

screen.width, screen.height:指的是屏幕的宽度和高度，采用物理像素。 window.innerWidth,window.innerHeight: 指的是浏览器的窗口的宽度和高度（具体是工具栏下面，显示页面的地方，包括滚动条的），采用css像素 document.documentElement.clientWidth,document.documentElement.clientHeight:指的是视图的高度和宽度(不包括滚动条)，采用css像素 document.document.