height:100vh的应用

家好，又见面了，我是你们的朋友全栈君。

今天改移动端页面样式的时候因为height:100vh，导致我想超出部分滚动页面的效果没有做出来。就查查这玩意是啥意思。

别人解释的height:100vh

vh就是当前屏幕可见高度的1%，也就是说 height:100vh == height:100%; 但是当元素没有内容时候，设置height:100%，该元素不会被撑开，此时高度为0， 但是设置height:100vh，该元素会被撑开屏幕高度一致。

但是会出现问题。当前我的页面内容过多，需要滚动条显示的时候，滚动到最下，还是无法显示我页面的全部内容，因为我顶部有其他标签。

在这里插入图片描述

所以说根据情况碰一碰啥样的情况可以用…滚去打代码了

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/140669.html原文链接：https://javaforall.cn