vw和vh
2019-08-24 本文已影响0人
twentyshaw
定义
vw: 相对于视窗的宽度。视窗宽度为 100vw
vh: 相对于视窗的高度。 视窗高度为 100vh
视窗（视区）
“视区”: 所指为浏览器内部的可视区域大小。
即window.innerWidth/window.innerHeight大小，不包含任务栏标题栏以及底部工具栏的浏览器区域大小。
兼容性
caniuse查询结果：
image.png
image.png
image.png
vw: 相对于视窗的宽度。视窗宽度为 100vw
vh: 相对于视窗的高度。 视窗高度为 100vh
“视区”: 所指为浏览器内部的可视区域大小。
即window.innerWidth/window.innerHeight大小，不包含任务栏标题栏以及底部工具栏的浏览器区域大小。
caniuse查询结果：
image.png
