说明
这四个单位都是 视窗单位
所谓的视窗，在web端指的就是 可视区域，移动端的视窗指的就是 布局视窗。
如果视窗大小发生了变化，那么这些值都会随之变化。
- vw：视窗宽度的百分比，如：
100vw相当于100%宽度 - vh：视窗高度的百分比，如：
100vh相当于100%高度 - vmax：较大的 vh 和 vw；
- vmin：较小的 vh 和 vw。
应用场景
这些单位比较适合用于创建 全视区界面，即：全屏显示，例如移动设备的界面，因为元素是根据视区的尺寸而变化的，与文档树中的任何元素都没有关系。
例子
假如一个浏览器的 高度 是 800px，那么 1vh 的值就是高度的 1%，即：8px。
vh 和 vw 的大小总是和视窗的 高度 和 宽度 有关。
vmin 和 vmax
vmin 和 vmax 与视窗 宽度 和 高度 的 最大值 和 最小值 有关。
假如一个浏览器高度为 500px，宽度为 1200px，那么1vmin 就是 5px，1vmax 就是 12px。
这些单位都是长度单位，所以可以在任何允许使用长度单位的地方使用。