Css

兼容 iphonex 以上机型底部横条

// 需设置 <meta> viewport-fit=cover

// 吸底元素，bottom=0
padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom);

// 非吸底元素，比如返回顶部
margin-bottom: constant(safe-area-inset-bottom);
margin-bottom: env(safe-area-inset-bottom);