窗口尺寸获取几种方式

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浏览器中手机模拟会显示手机的高度，此时两者值相同