解决uniapp页面page设置高度与背景色H5正常小程序异常的问题

1.先上问题

解决uniapp页面page设置高度与背景色H5正常小程序异常的问题
在同样都是page设置了高度100%的情况下,有时候微信小程序不起作用

H5

在这里插入图片描述

微信小程序

在这里插入图片描述
可以看到同样的样式情况下,给page设置了高度100%的情况下,H5没有问题,但是小程序失效
经过样式检查,我们可以找到小程序并没有page被设置样式

2.解决方法

在这里插入图片描述

在style之外新建一个style标签,写入height:100%;

<style>
	page{
		height: 100%;
	}
</style>

如果对您有用 三连支持 下期再见

更多推荐