解决uniapp页面page设置高度与背景色H5正常小程序异常的问题
1.先上问题
解决uniapp页面page设置高度与背景色H5正常小程序异常的问题
在同样都是page设置了高度100%的情况下,有时候微信小程序不起作用
H5
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/f3a036de1e95f88764e1712e84462d93.png#pic_center)
微信小程序
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/ac2c2597d0f65a60880fc3c83f2388f7.png#pic_center)
可以看到同样的样式情况下,给page设置了高度100%的情况下,H5没有问题,但是小程序失效
经过样式检查,我们可以找到小程序并没有page被设置样式
2.解决方法
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/4aea1608777cf0863ab5c49fc6d22a2a.png)
在style之外新建一个style标签,写入height:100%;
<style>
page{
height: 100%;
}
</style>
如果对您有用 三连支持 下期再见