视窗单位-vw/vh/vmin/vmax

10次阅读

共计 266 个字符,预计需要花费 1 分钟才能阅读完成。

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

vw 相对于视窗的宽度:视窗宽度 100vw
vh 相对于视窗的高度:视窗高度 100vh
vmin/vmax:vw、vh 中较小 / 大的值

视窗单位与百分比

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

综上所述,1vw ≈ 1%

正文完
 0