1、window.innerWidth、window.innerHeight
声明了窗口的文档显示区的高度和宽度,会随着浏览器窗口缩放而改变。
这里的宽度和高度不包括菜单栏、工具栏以及滚动条等的高度。
跟是否启用chrome浏览器中手机模拟无关
IE 不支持这些属性。
它用 document.documentElement 或 document.body (与 IE 的版本相关)的 clientWidth 和 clientHeight 属性作为替代。
2、window.screen.availWidth、window.screen.width
availWidth 属性声明了显示浏览器的屏幕的可用宽度。
一般两者值相同,为屏幕的分辨率大小
启用chrome浏览器中手机模拟会显示手机的宽度
3、window.screen.availHeight、window.screen.height
availHeight 属性声明了显示浏览器的屏幕的可用高度,不包括底部任务栏
启用chrome浏览器中手机模拟会显示手机的高度,此时两者值相同