几种浏览器常见的术语

设备像素: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

你可能感兴趣的:(CSS)