欢迎光临
我们一直在努力

微信小程序css控制iphone底部距离横杠的间距

本篇文章记录一下,  做微信小程序时因苹果x以后的手机底部有一个横杠  我们做底部悬浮时会和横杠重叠 的解决方案

原来还需要用js去判断机型来控制样式,现在不用了.直接用wxss控制就好了,直接上代码

padding-bottom: calc(env(safe-area-inset-bottom)/2);

加上面上的样式就会在有横杠的手机上元素会向上移动一段距离

赞(0)
未经允许不得转载:自游互动 » 微信小程序css控制iphone底部距离横杠的间距
分享到: 更多 (0)

自由技术,自由自在

项目合作联系我们