css适配ios状态栏和IOS底部安全区域的样式代码记录

safe-area-inset-left: 安全区域距离左边界的距离
safe-area-inset-right: 安全区域距离右边界的距离
safe-area-inset-top: 安全区域距离顶部边界的距离
safe-area-inset-bottom: 安全区域距离底部边界的距离

css适配iphonex底部安全区示例代码

.ios_padding_bottom{
　　/*注意先constant()后env()*/
　　padding-bottom: 0;
　　padding-bottom: constant(safe-area-inset-bottom); /* 兼容 IOS<11.2 */  
　　padding-bottom: env(safe-area-inset-bottom); /* 兼容 IOS>=11.2 */
}