关于uniapp小程序在苹果手机会出现的问题
笔记1、uni-app 底部安全距离问题参考uni-app底部安全距离遮挡以及底部tabbar距离// ios底部安全距离-padding.savepadding{padding-bottom: constant(safe-area-inset-bottom);padding-bottom: env(safe-area-inset-bottom);box-sizing: content-box;}
·
笔记
1、uni-app 底部安全距离问题
// ios底部安全距离-padding
.savepadding{
padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom);
box-sizing: content-box;
}
// ios底部安全距离-bottom
.savebottom{
bottom: constant(safe-area-inset-bottom);
bottom: env(safe-area-inset-bottom);
}
注意事项:采用padding-bottom方式时,如果未生效,可以查看一下同级class是否也设置了padding,box-sizing亲测可以改。
2、关于点击popup 弹出层会穿透到下面的input和textarea上调起输入框问题
这是微信的bug,可以给input和textarea绑定一个disabled,当弹出层出现时,可以把它们禁用
3、边框显示不全的问题
原因:对于边框 border 来说 少于1px 就会显示不正常。在设置比边框 border 时尽量使用px 为单位,就不会出现残缺问题了。
更多推荐
已为社区贡献4条内容
所有评论(0)