设备像素:screen.width
屏幕尺寸: screen.width 单位:设别像素
浏览器窗口尺寸: window.innerWidth 单位:css 像素
浏览器滚动距离: window.pageXOffset 单位:css 像素
文档的尺寸: document.documentElement.offsetWidth
事件坐标:
pageX 相对于<html> 元素以css 像素度量的坐标
clientX 相对于viewport 的以css 像素度量的
screenX 相对于屏幕的以设备像素度量的
viewport 是用来约束<html>标签的。在桌面环境,它拥有浏览器窗口的尺寸