前端适配与安全区域处理指南
在iOS设备（尤其是iPhone X及后续全面屏机型）上浏览网页时，用户界面底部通常会有一条“安全区域指示条”（Home Indicator），用于手势返回主屏幕。但在某些网页中，这条横条可能“看似消失”或被内容遮挡，影响用户体验。
实际上，底部横条始终由系统控制，不会真正“消失”。但以下情况会让用户感觉它“不见了”：
viewport-fit=cover；env(safe-area-inset-bottom) 适配；1. 在 <head> 中设置 viewport：
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">2. 使用 CSS 环境变量预留底部空间：
.footer {
padding-bottom: env(safe-area-inset-bottom);
}这样可确保重要内容不被横条遮挡，同时系统能正常显示交互指示条。
“iPhone不显示底部横条”通常是前端未做安全区域适配所致。通过正确配置 viewport 和 CSS 环境变量，即可实现良好的全面屏兼容体验。