// 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);
}
...
微信小程序iPhone底部安全区域(底部小黑条)适配
于 2023-04-21 17:18:30 首次发布
该代码段是针对iOS设备底部安全区域的适配方案,使用了CSS变量`--ios-safe-bottom-low`和`--ios-safe-bottom-higt`来兼容不同版本的iOS系统,确保内容不会被底部指示条遮挡。`.ios-safe-bottom`类提供了适当的底部内边距以适应这种情况。
摘要由CSDN通过智能技术生成