uniapp中IOS端小程序底部黑线适配
super
2021-10-11 17:24
![views](/static/super/images/icon/evaluate-9a.png)
问题:IOS底部黑线如何自动适配?
![](/uploads/article/20211011/148d0dd148aab5a87295253b4e6ad4ea.png)
解决方式:给底部导航一个安全值
.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端
![](/uploads/article/20211011/dc2818ba52a6fa3bbc198a7802c79178.png)
Android端
![](/uploads/article/20211011/ac2ced125368615626c8bbbef1966a63.png)
0 条讨论