在uniapp中,高度使用heiht:100vh,h5的屏幕会多出一些高度,导致可以上下滑动
解决方案:
步骤一>在app.vue中设置一个公共样式
uni-page-body,html,body{
height: 100%;
}
步骤二>在需要高度铺满全屏的页面的最外层的view绑定类名page,加入以下样式:
.page {
height: 100%;
}
这样就可以实现需要的页面不加入任何标签元素最外层div就能能满屏! 自己去试试吧~
本文介绍了在uniapp中解决高度使用100vh时,h5页面出现多余滚动条的问题。通过在app.vue设置公共样式,并在需要全屏的页面最外层view添加特定样式,无需position: fixed定位,即可实现页面完美铺满。
在uniapp中,高度使用heiht:100vh,h5的屏幕会多出一些高度,导致可以上下滑动
解决方案:
步骤一>在app.vue中设置一个公共样式
uni-page-body,html,body{
height: 100%;
}
步骤二>在需要高度铺满全屏的页面的最外层的view绑定类名page,加入以下样式:
.page {
height: 100%;
}
这样就可以实现需要的页面不加入任何标签元素最外层div就能能满屏! 自己去试试吧~
504
3063

被折叠的 条评论
为什么被折叠?