全面解析与实用解决方案
自 iPhone X 起，苹果引入了“全面屏”设计，取消了物理 Home 键，并在屏幕底部增加了一条细长的横条，称为 Home Indicator。 它用于替代传统 Home 键的手势操作（如上滑返回主屏幕）。
在 Web 开发或 App 开发中，这条横条有时会遮挡内容或影响 UI 美观，因此开发者常希望“隐藏”或“避开”它。
⚠️ 不能。
出于系统安全和用户体验考虑，iOS 不允许任何网页或第三方 App 完全隐藏 Home Indicator。 但可以通过以下方式适配或减少其干扰。
在 HTML 的 <head> 中添加以下 meta 标签：
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
利用 iOS 提供的环境变量，为底部留出安全距离：
body {
padding-bottom: env(safe-area-inset-bottom);
}
或针对特定元素：
.footer {
margin-bottom: env(safe-area-inset-bottom);
}
提示：env(safe-area-inset-bottom) 在有 Home Indicator 的设备上通常为 34px（竖屏），无则为 0。
prefersHomeIndicatorAutoHidden = true 临时隐藏横条（仅限全屏沉浸式场景，如游戏、视频播放）。
iPhone 底部横条（Home Indicator）无法被彻底移除，但通过合理使用 viewport-fit=cover 和 env(safe-area-inset-*)，
可以让网页内容完美避开该区域，提升用户体验。
建议始终尊重 iOS 的人机界面指南（HIG），优先考虑适配而非对抗系统设计。