根据供应链消息，下一代 iPhone 18 系列可能采用屏下 Face ID，这意味着正面将是一整块完整的屏幕。对于前端开发者来说，最大的变化是顶部安全区（safe-area-inset-top）可能变窄甚至消失。

如果顶部安全区消失，会有什么问题？

• 此前为了避开灵动岛，顶部导航栏设置了 `padding-top: env(safe-area-inset-top)`，这会导致顶部出现一块莫名的空白。
• 当用户滚动页面时，因为没有“隔离区”，状态栏的时间和电池图标会直接和你的 H5 文字重叠，造成阅读困难。

如果你在 CSS 里写死了 59px 的顶部 padding，在 iPhone 18 上一定会出现大面积留白。永远使用 env() 配合回退方案。

本工具已更新 iPhone 18 尺寸预设，你可以提前预览并检查代码兼容性。