视窗单位含义:
vw、vh、vmin、vmax 是一种视窗单位,是由视窗 (Viewport) 的大小决定的。视窗是浏览器实际显示内容的区域包含滚动条,不包括工具栏和按钮的网页浏览器。
vw/vh/vmin/vmax
vw 相对于视窗的宽度:视窗宽度 100vw
vh 相对于视窗的高度:视窗高度 100vh
vmin/vmax:vw、vh 中较小 / 大的值
视窗单位与百分比
百分比是相对于父元素的大小设定的比例,视窗单位是由视窗大小决定的
视窗单位 vh 可以直接获取可视区域的高度,而百分比是不可以的
100vw 包含滚动条,100% 不包含滚动条
综上所述,1vw ≈ 1%