解决 uniapp添加left导航和top导航 界面错位

        最近入坑uniapp,加了left导航和top导航,刚开始发现界面正常,如图

 

        但是,我的页面一旦超过100vh,界面就会错乱,如图

        这就有点恶心人了,什么也没做,就增加了点页面高度,界面就发生错乱,人家官方模板也是这样的,没有这种问题,虽然实际页面中也不会这样写,但这个不解决这个问题,心里有那么一点点不舒服的 ,找了很多资料也没解决,

        后来,在官方模板App.vue中看到了这段代码,果不其然,解决了

	/* H5 兼容 pc 所需 */
	/* #ifdef H5 */
	@media screen and (min-width: 768px) {
		body {
			overflow-y: scroll;
		}
	}
	/* #endif*/

        uniapp很方便前端工作者,同时坑也多,欢迎大家一起交流uniapp的坑,一起解决

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值