苹果确认研究修复 iPhone Duo 外屏 Safari 控件遮挡问题，称简单开放会导致内容被遮盖

一句话结论

苹果确认正研究更可靠的方案，以解决 iPhone Duo 外屏 Safari 控件占用空间过大导致网页内容被压缩的问题。

关键要点

• 苹果 WebKit 团队在 Safari 27.1 的介绍中承认，目前网站无法延伸到 Safari 控件后方，导致开发者难以利用 iPhone Duo 外屏的全部宽度。
• 部分用户反馈在 iPhone Duo 外屏使用 Safari 时，刷新和地址栏等控件右对齐放置，占用了较大区域，压缩了网页正文和图片空间。
• 苹果方面表示，若仅通过 HTML 的 viewport-fit="cover" 简单让网页延伸到控件后方，许多未做安全区域适配的网站其重要按钮或文字可能被遮挡。
• 苹果称正在研究一种更可靠、对开发者更友好的修复方案，并邀请开发者提交相关建议。

背景与事实

2024 年 10 月 24 日，科技媒体 9to5Mac 发布博文，披露苹果公司在其最新 WebKit 博文及 Safari 27.1 的介绍文章中，针对其首款折叠 iPhone 机型 iPhone Duo 的外屏浏览体验问题做出了官方回应。该机型在发售之后，部分用户发现了一个显著的显示缺陷：在折叠状态下的外屏上，Safari 浏览器的网页可用空间明显偏小。造成这一现象的根本原因在于 Safari 浏览器的布局逻辑，该逻辑将刷新按钮、地址栏等界面控件采用右对齐的方式放置，这种设计占用了外屏右侧的较大区域，直接导致网页的正文文本和图片被压缩，使得在折叠状态下的浏览体验远不如完全展开后的内屏。多家媒体在针对该机型的早期评测中也指出了这一现状，认为现有的网页技术尚未针对这种特殊的大比例折叠屏形态进行充分的优化和适配。

针对这一行业痛点，苹果 WebKit 团队的核心成员 Jen Simmons 在 Safari 27.1 的博客文章中正面回应了该限制。她承认，由于技术架构的限制，目前的网站无法延伸到 Safari 控件的后方，这直接导致开发者难以利用外屏的全部物理宽度来设计页面内容。然而，Simmons 同时强调，苹果并不打算通过简单地放开底层限制来解决这一问题。她详细解释了其中的技术考量：如果仅仅是通过修改 HTML 代码中的 viewport-fit="cover" 属性，强制让网页渲染延伸到控件后方，由于许多网站并未针对安全区域（Safe Area）做好适配，这会导致一个更严重的后果，即网站上的重要交互按钮、核心文字或关键内容反而可能被悬浮的浏览器控件所遮挡，造成信息丢失或操作失误。基于此，苹果官方明确表示，正在研究一种既能解决空间占用问题，又具备高可靠性、对开发者更友好的技术方案，并已公开邀请广大开发者提交相关建议，共同参与后续方案的制定。

影响分析

对于中文开发者与从业者而言，这一官方声明表明 iOS 生态针对全新硬件形态的底层渲染机制正在发生演进。首先，针对折叠屏设备的网页开发标准将面临更新，这意味着现有的自适应布局代码（尤其是涉及视口与全屏覆盖的代码）可能需要在未来进行合规性修改。其次，苹果拒绝简单粗暴的“放开限制”策略，转而寻求更友好的方案，这为前端开发者提供了一个明确的信号：在等待官方最终 API 或 HTML 标准落地的过渡期内，现有的基于 viewport-fit 的 hack 式适配方案存在巨大的兼容性和视觉风险。开发者应密切关注苹果后续发布的 WebKit 更新日志，以便及时调整网页在折叠与展开状态下的布局策略，确保在不同屏幕形态切换时，核心内容不被非交互控件覆盖，从而维持高质量的移动端浏览体验。

适用边界

上述关于 Safari 控件遮挡网页内容的限制及修复方案，仅适用于苹果官方 iOS 系统内置的 Safari 浏览器，以及针对其首款折叠设备 iPhone Duo 的外屏物理形态场景。对于安卓阵营的折叠屏设备、使用 Chrome 等第三方内核浏览器的环境，或者非折叠的常规尺寸 iPhone 设备，该特定的“控件右对齐占用大面积”问题并不构成同等影响，相关结论不成立。

孤本观察

苹果将“避免内容被遮挡”置于“最大化屏幕利用率”之前，表明其在新型态交互设计中，对视觉安全边界的把控优于硬件形态的激进适配，这将引导开发者优先做防御性布局。

来源：IT之家