微信小程序iPhone底部安全区域（底部小黑条）适配

// app.wxss
page {
    
    
	...
    --ios-safe-bottom-low: constant(safe-area-inset-bottom); /* 兼容 iOS<11.2 */
    --ios-safe-bottom-higt: env(safe-area-inset-bottom); /* 兼容iOS>= 11.2 */
}

 /* 防止苹果手机底部小黑条遮挡，全局类名  */
.ios-safe-bottom {
    
    
    padding-bottom: var(--ios-safe-bottom-low);
    padding-bottom: var(--ios-safe-bottom-higt);
}
...

图片来自