uniapp中IOS端小程序底部黑线适配
super
2021-10-11 17:24

问题:IOS底部黑线如何自动适配?

解决方式:给底部导航一个安全值
.menu {
height: 50px;
border-top: 1px solid #f1f1f1;
isplay: flex;
width:100%;
position: fixed;
background-color: #fff;
bottom: 0;
/* 新增以下代码 */
padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom);
box-sizing: content-box;
}
IOS端

Android端

0 条讨论