CSS3规范视口单位主要包括以下4个：

1、vh，是指CSS中相对长度单位，表示相对视口高度（Viewport Height），1vh = 1% * 视口高度。

CSS中相对长度单位，表示相对视口高度（Viewport Height），1vh = 1% * 视口高度。
视口比例长度定义了相对于视口的长度大小，这是文档的可见部分。 当视口的大小被修改（通过更改桌面计算机窗口大小或旋转手机或平板设备的方向）时，也只有基于Gecko的浏览器才会动态更新视口值。
结合 overflow:auto，滚动条最终占用的空间大小不是减去视口大小之后的宽度，而overflow:scroll 才是。

2、vw：1vw等于视口宽度的1%。

3、vmin：选取vw和vh中最小的那个。

4、vmax：选取vw和vh中最大的那个。