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

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

解决 uniapp添加left导航和top导航 界面错位_第1张图片

 

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

解决 uniapp添加left导航和top导航 界面错位_第2张图片

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

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

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

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

你可能感兴趣的:(uniapp,html5,css,html,uni-app)