几种浏览器常见的术语

设备像素：screen.width

屏幕尺寸： screen.width 单位：设别像素

浏览器窗口尺寸： window.innerWidth 单位：css 像素

浏览器滚动距离： window.pageXOffset 单位：css 像素

文档的尺寸： document.documentElement.offsetWidth

事件坐标：

pageX 相对于 元素以css 像素度量的坐标

clientX 相对于viewport 的以css 像素度量的

screenX 相对于屏幕的以设备像素度量的

viewport 是用来约束标签的。在桌面环境，它拥有浏览器窗口的尺寸

参考： http://weizhifeng.net/viewports.html