在自己写页面底部时,经常会用到绝对定位设置bottom:0
,但是就带来一个问题,在iOS端底部内容与iOS导航条叠在一起,非常不美观。解决方法也很简单,在对应的类上加上.safe-padding
对应的样式
.safe-padding {
padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom);
box-sizing: content-box;
}