1. 通常 我们在写底部 tabar 栏的时候 ,就会经常遇到这个样的问题 ,因为在苹果手机下面 会有一个黑色的 线条 ,但是 为了解决这个问题 我们需要在底部加个方法
<body>
<div class="safe-area-bottom">
下一步
</div>
</body>
<style>
.safe-area-bottom {
position: fixed;
bottom: constant(safe-area-inset-bottom);
bottom: env(safe-area-inset-bottom);
width: 100%;
height: 46px;
line-height: 46px;
text-align: center;
background-color: aqua;
}
</style>
constant
:constant(safe-area-inset-bottom);
兼容 iOS < 11.2env
:env(safe-area-inset-bottom);
兼容 iOS >= 11.2