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