代码中加入安全距离,如下(设置bottom或者padding-bottom形式)

1
2
3
4
5
6
7
8
9
10
11
12
13
// 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);
}

测试了i4到xr的高度,都没问题了.