视窗单位vw/vh/vmin/vmax

视窗单位含义&＃xff1a;

vw、vh、vmin、vmax是一种视窗单位&＃xff0c;是由视窗(Viewport)的大小决定的。
视窗是浏览器实际显示内容的区域包含滚动条&＃xff0c;不包括工具栏和按钮的网页浏览器。

vw/vh/vmin/vmax

• vw 相对于视窗的宽度&＃xff1a;视窗宽度100vw
• vh相对于视窗的高度&＃xff1a;视窗高度100vh
• vmin/vmax&＃xff1a;vw、vh中较小/大的值

视窗单位与百分比

• 百分比是相对于父元素的大小设定的比例&＃xff0c;视窗单位是由视窗大小决定的
• 视窗单位vh可以直接获取可视区域的高度&＃xff0c;而百分比是不可以的
• 100vw包含滚动条&＃xff0c;100%不包含滚动条

综上所述&＃xff0c;1vw ≈ 1%