CSS Viewport

Viewport单位

viewport = 浏览器实际显示内容的区域(不包括工具栏和按钮的网页浏览器)

以 宽1000px 和 高800px 的viewport为例。

  • vw——代表视窗(Viewport)的宽度为1%,在我们的例子里50vw = 500px。
  • vh——窗口高度的百分比 50vh = 400px。
  • vmin——vmin的值是当前vw和vh中较小的值。在我们的例子里因为是横向模式,所以50vim = 400px。
  • vmax——大尺寸的百分比。50vmax = 500px。