iPhone 屏幕底部横条（Home Indicator）

什么是 iPhone 底部横条？

自 2017 年 iPhone X 发布以来，苹果移除了传统的物理 Home 键，取而代之的是屏幕底部的一条白色横条，78TP称为 “Home Indicator”。 这个横条不仅是视觉元素，更是 iOS 手势导航系统的核心组成部分。

功能与交互方式

• 返回主屏幕：从横条向上轻扫。
• 切换应用：从横条向上轻扫并停顿，进入多任务界面。
• 返回上一级：从屏幕左侧或右侧边缘向内轻扫（与横条配合使用）。

Home Indicator 的设计旨在提供直观、流畅的全屏体验，同时保留用户对系统导航的控制感。

设计与适配建议（面向开发者）

苹果建议 App 开发者在界面底部预留安全区域（Safe Area），避免重要内容被横条遮挡。 使用 CSS 的 env(safe-area-inset-bottom) 可以动态适配不同设备的底部间距。

body {
  padding-bottom: env(safe-area-inset-bottom);
}

模拟演示

上图模拟了 iPhone 屏幕底部的 Home Indicator（白色横条）