Web前端中各类视口尺寸

窗口大小相关

screen.width || screen.height

window.innerWidth || window.innerHeight.

当浏览器进行缩放时，大小为：

window.pageXOffset || window.pageYOffset

当浏览器进行缩放时，大小为：

document.documentElement.clientWidth || document.documentElement.clientHeight

document.documentElement.offsetWidth || document.documentElement.offsetHeight

当设置html宽度width时，offsetWidth大小也会改变

event事件点击时鼠标位置相关：

pageX/Y

clientX/Y

screenX/Y

media query width || media query device-width

参考资料：

1. viewport翻译总结