CSS `height: calc(100vh)；` Vs `height: 100vh；`

VH
height: 100vh;表示该元素的高度等于视口高度的 100%。

例如： height: 50vh;
如果您的屏幕高度为 1000 像素，则您的元素高度将等于 500 像素（1000 像素的 50%）。

CALC
height: calc(100% - 100px);将使用元素的值来计算元素的大小。

例如：
height: calc(100% - 100px); 如果您的屏幕高度为 1000 像素，则您的元素高度将等于 900 像素（1000 像素的 100% 减去 100 像素）。

实例：在uniapp项目开发中，可能已经给项目一个背景色，不是想要得效果，背景色与您实际开发得有冲突，或者其他元素需要调整，敲多少行代码颜色就是冲突，可以尝试在body 或者相对应的代码块加上 style="height: 100vh;" 背景色就会掩盖掉原来得背景色，在可视部分颜色统一。