首页 > 其他 > 详细

height:100vh

时间:2020-01-10 20:08:44      阅读:85      评论:0      收藏:0      [点我收藏+]

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

别人解释的height:100vh

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

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

技术分享图片

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

height:100vh

原文:https://www.cnblogs.com/JiAyInNnNn/p/12177401.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!