CSS样式：长度单位vh

今天学习Web应用开发的时候，看到了vh这个单位，今天就来捋一捋vh的定义方法和使用细则

vh 定义

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

ref：Web 技术文档 - CSS - Mozilla