VHheight: 100vh;
表示该元素的高度等于视口高度的 100%。
例如: height: 50vh;
如果您的屏幕高度为 1000 像素,则您的元素高度将等于 500 像素(1000 像素的 50%)。
CALCheight: calc(100% - 100px);
将使用元素的值来计算元素的大小。
例如:height: calc(100% - 100px);
如果您的屏幕高度为 1000 像素,则您的元素高度将等于 900 像素(1000 像素的 100% 减去 100 像素)。
实例:在uniapp项目开发中,可能已经给项目一个背景色,不是想要得效果,背景色与您实际开发得有冲突,或者其他元素需要调整,敲多少行代码颜色就是冲突,可以尝试在body 或者相对应的代码块加上 style="height: 100vh;" 背景色就会掩盖掉原来得背景色,在可视部分颜色统一。