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

视窗单位含义:

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

vw/vh/vmin/vmax

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

视窗单位与百分比

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

综上所述,1vw ≈ 1%

    原文作者:小满
    原文地址: https://segmentfault.com/a/1190000017462419
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞