desktop browsers
- screen
- window
- client
- offset
- scroll
mobile browsers
- visual viewport: 可视的区域
- layout viewport: 渲染网页的区域
- zoom level
为什么要引入 viewport？
因为手机上网初期很多的网站按百分比设计没有考虑移动端，如果没有一个大的 layout viewport ，那些使用百分比尺寸的元素就会就被挤的很窄。
event
- screen
- client
- page
- offset