Safari 27.1 的 iPhone Duo 外屏竖屏网页视口宽度为 382 CSS 像素;Safari 会用网页背景色填充侧边控制栏后方的区域,不在该处显示网页内容。[24][26] 苹果正在探索更稳妥的办法,让网页利用控制栏后方的空间;直接启用 viewport fit="cover" 可能让没有适配的网站内容被控件遮挡,苹果尚未确定方案。[19][24] Safari 27.1 为 Device Posture 和 Viewport Segments 提供了需通过功能开关启用的开发者预览;手机半折成书本状时,浏览器会将网页 PDF 并排显示为两页。[21][1]
发布者使用 GPT-6 Luna 编辑图片由 GPT Image 2 生成
研究答案

Create a landscape editorial hero image for this Studio Global article: What does Apple’s WebKit post published for the October 23 launch of its first foldable iPhone, the iPhone Duo, explain about Safari 27.1’s. Article summary: Apple is exploring a way for websites to use the space beneath Safari’s side mounted controls on the iPhone Duo without making page content inaccessible; it has not settled on an approach.. Topic tags: general web, code, api, design, social media. Style: premium digital editorial illustration, source-backed research mood, clean composition, high detail, modern web publication hero. Use reference image context only for broad subject, composition, and topical grounding; do not copy the exact image. Avoid: logos, brand marks, copyrighted characters, real person likenesses, fake screenshots, UI text, readable text, watermarks, charts with fake numbers, clickbait thu
苹果 WebKit 团队在 iPhone Duo 开售当天发布的 Safari 27.1 介绍,重点并不是推出一套全新的网页技术,而是指出折叠屏外屏上的浏览体验还有改进空间:Safari 控制栏占据侧边后,网页不能直接使用那块区域。苹果正在研究更安全、对网站更友好的处理方式,但目前还没有定案。1
19
iPhone Duo 合上时,Safari 的控制栏位于屏幕侧边。现有报道提到,Safari 会把控制栏后方的条带填成网页的背景色,而不会在那里绘制网页内容。 这样可以避免网页元素落到浏览器控件下面,但也意味着网页背景或横幅无法自然铺满整个屏幕。
外屏竖屏浏览时,网页视口宽度为 382 CSS 像素;作为对照,内屏横向并排显示两个窗口时,每个窗口约为 385 CSS 像素。因此,外屏竖屏是 Duo 上更窄的网页浏览配置之一。
有报道将侧边控制栏与外屏较宽、较矮的形态联系起来。不过,现有材料不足以确认苹果对“把控件移到侧边是为了保留纵向空间”这一设计动机的具体解释,因而不宜把它当作 WebKit 博文已明确说明的结论。
一个看似直接的办法,是让网页使用 viewport-fit="cover",使内容延伸到原本由系统界面占用的区域。但网站需要自行留出安全空间,避免重要文字、按钮等被浏览器控件盖住。苹果的研究认为,许多现有网站未必能正确处理这种布局,直接开放区域可能反而影响可用性。19
这并不意味着那块空间只能空着。对页面设计者来说,较合适的用法可能是让装饰性内容——例如通栏页眉背景或色块——延伸至屏幕边缘,同时确保文字和交互控件避开 Safari 的控制栏。
苹果正在寻找更灵活、也更不容易让现有网站出错的方案,但尚未宣布最终做法。现有报道也没有给出具体上线时间;至于 WebKit 邀请开发者反馈的具体问题或反馈渠道,目前可核实的材料不足以确认。19
23
9to5Mac 的评测认为,网页并未针对 Duo 这种外屏形态充分优化,并指出 Safari 右侧的控制栏会进一步挤压网页可用空间。 Wirecutter 则提到,外屏虽然对角线尺寸较小,但屏幕可用面积接近 iPhone 18 Pro,形状却更矮胖;它仍可用于阅读、回复消息和浏览网页。 苹果公布的规格也称,外屏面积约为 iPhone 18 Pro 屏幕面积的 90%。
至于 cookie 弹窗或 newsletter 横幅占据页面、与 Max 尺寸机型的具体比较,以及应用适配不足等说法,现有材料不足以将这些批评准确归因于 9to5Mac、The Verge 或 Wirecutter,因此这里不把它们作为这几家评测的一致结论。
Safari 27.1 提供 Device Posture API 和 Viewport Segments API 的开发者预览,需通过功能开关启用。前者用于识别设备的折叠姿态,后者用于识别屏幕分区;相关接口仍处于预览阶段,后续可能变化。21
22
用户侧更直观的变化是 PDF 阅读:Duo 半折、像翻开的书一样拿着并在网页中查看 PDF 时,Safari 会自动并排显示两页;把设备完全展开或完全合上后,则恢复单页显示。1
WebKit 表示,Duo 上的网站和网页应用仍使用与其他 iPhone 相同的 WebKit 引擎和网页技术。1 内外屏的屏幕比例相同,评测称约为 1.4:1;比例一致有利于内容按比例缩放,但不代表网页布局或应用自动适配所有形态。苹果也提醒开发者,不要假设设备只有固定的屏幕尺寸或比例。
Studio Global AI
此页面包含一个有来源支持的答案,您可以在 Studio Global 内继续。
Safari 27.1 的 iPhone Duo 外屏竖屏网页视口宽度为 382 CSS 像素;Safari 会用网页背景色填充侧边控制栏后方的区域,不在该处显示网页内容。[24][26]
Safari 27.1 的 iPhone Duo 外屏竖屏网页视口宽度为 382 CSS 像素;Safari 会用网页背景色填充侧边控制栏后方的区域,不在该处显示网页内容。[24][26] 苹果正在探索更稳妥的办法,让网页利用控制栏后方的空间;直接启用 viewport fit="cover" 可能让没有适配的网站内容被控件遮挡,苹果尚未确定方案。[19][24]
Safari 27.1 为 Device Posture 和 Viewport Segments 提供了需通过功能开关启用的开发者预览;手机半折成书本状时,浏览器会将网页 PDF 并排显示为两页。[21][1]
Safari 27.1 的 iPhone Duo 外屏竖屏网页视口宽度为 382 CSS 像素;Safari 会用网页背景色填充侧边控制栏后方的区域,不在该处显示网页内容。[24][26] 苹果正在探索更稳妥的办法,让网页利用控制栏后方的空间;直接启用 viewport fit="cover" 可能让没有适配的网站内容被控件遮挡,苹果尚未确定方案。[19][24] Safari 27.1 为 Device Posture 和 Viewport Segments 提供了需通过功能开关启用的开发者预览;手机半折成书本状时,浏览器会将网页 PDF 并排显示为两页。[21][1]
发布者使用 GPT-6 Luna 编辑图片由 GPT Image 2 生成
研究答案

Create a landscape editorial hero image for this Studio Global article: What does Apple’s WebKit post published for the October 23 launch of its first foldable iPhone, the iPhone Duo, explain about Safari 27.1’s. Article summary: Apple is exploring a way for websites to use the space beneath Safari’s side mounted controls on the iPhone Duo without making page content inaccessible; it has not settled on an approach.. Topic tags: general web, code, api, design, social media. Style: premium digital editorial illustration, source-backed research mood, clean composition, high detail, modern web publication hero. Use reference image context only for broad subject, composition, and topical grounding; do not copy the exact image. Avoid: logos, brand marks, copyrighted characters, real person likenesses, fake screenshots, UI text, readable text, watermarks, charts with fake numbers, clickbait thu
苹果 WebKit 团队在 iPhone Duo 开售当天发布的 Safari 27.1 介绍,重点并不是推出一套全新的网页技术,而是指出折叠屏外屏上的浏览体验还有改进空间:Safari 控制栏占据侧边后,网页不能直接使用那块区域。苹果正在研究更安全、对网站更友好的处理方式,但目前还没有定案。1
19
iPhone Duo 合上时,Safari 的控制栏位于屏幕侧边。现有报道提到,Safari 会把控制栏后方的条带填成网页的背景色,而不会在那里绘制网页内容。 这样可以避免网页元素落到浏览器控件下面,但也意味着网页背景或横幅无法自然铺满整个屏幕。
外屏竖屏浏览时,网页视口宽度为 382 CSS 像素;作为对照,内屏横向并排显示两个窗口时,每个窗口约为 385 CSS 像素。因此,外屏竖屏是 Duo 上更窄的网页浏览配置之一。
有报道将侧边控制栏与外屏较宽、较矮的形态联系起来。不过,现有材料不足以确认苹果对“把控件移到侧边是为了保留纵向空间”这一设计动机的具体解释,因而不宜把它当作 WebKit 博文已明确说明的结论。
一个看似直接的办法,是让网页使用 viewport-fit="cover",使内容延伸到原本由系统界面占用的区域。但网站需要自行留出安全空间,避免重要文字、按钮等被浏览器控件盖住。苹果的研究认为,许多现有网站未必能正确处理这种布局,直接开放区域可能反而影响可用性。19
这并不意味着那块空间只能空着。对页面设计者来说,较合适的用法可能是让装饰性内容——例如通栏页眉背景或色块——延伸至屏幕边缘,同时确保文字和交互控件避开 Safari 的控制栏。
苹果正在寻找更灵活、也更不容易让现有网站出错的方案,但尚未宣布最终做法。现有报道也没有给出具体上线时间;至于 WebKit 邀请开发者反馈的具体问题或反馈渠道,目前可核实的材料不足以确认。19
23
9to5Mac 的评测认为,网页并未针对 Duo 这种外屏形态充分优化,并指出 Safari 右侧的控制栏会进一步挤压网页可用空间。 Wirecutter 则提到,外屏虽然对角线尺寸较小,但屏幕可用面积接近 iPhone 18 Pro,形状却更矮胖;它仍可用于阅读、回复消息和浏览网页。 苹果公布的规格也称,外屏面积约为 iPhone 18 Pro 屏幕面积的 90%。
至于 cookie 弹窗或 newsletter 横幅占据页面、与 Max 尺寸机型的具体比较,以及应用适配不足等说法,现有材料不足以将这些批评准确归因于 9to5Mac、The Verge 或 Wirecutter,因此这里不把它们作为这几家评测的一致结论。
Safari 27.1 提供 Device Posture API 和 Viewport Segments API 的开发者预览,需通过功能开关启用。前者用于识别设备的折叠姿态,后者用于识别屏幕分区;相关接口仍处于预览阶段,后续可能变化。21
22
用户侧更直观的变化是 PDF 阅读:Duo 半折、像翻开的书一样拿着并在网页中查看 PDF 时,Safari 会自动并排显示两页;把设备完全展开或完全合上后,则恢复单页显示。1
WebKit 表示,Duo 上的网站和网页应用仍使用与其他 iPhone 相同的 WebKit 引擎和网页技术。1 内外屏的屏幕比例相同,评测称约为 1.4:1;比例一致有利于内容按比例缩放,但不代表网页布局或应用自动适配所有形态。苹果也提醒开发者,不要假设设备只有固定的屏幕尺寸或比例。
Studio Global AI
此页面包含一个有来源支持的答案,您可以在 Studio Global 内继续。
Safari 27.1 的 iPhone Duo 外屏竖屏网页视口宽度为 382 CSS 像素;Safari 会用网页背景色填充侧边控制栏后方的区域,不在该处显示网页内容。[24][26]
Safari 27.1 的 iPhone Duo 外屏竖屏网页视口宽度为 382 CSS 像素;Safari 会用网页背景色填充侧边控制栏后方的区域,不在该处显示网页内容。[24][26] 苹果正在探索更稳妥的办法,让网页利用控制栏后方的空间;直接启用 viewport fit="cover" 可能让没有适配的网站内容被控件遮挡,苹果尚未确定方案。[19][24]
Safari 27.1 为 Device Posture 和 Viewport Segments 提供了需通过功能开关启用的开发者预览;手机半折成书本状时,浏览器会将网页 PDF 并排显示为两页。[21][1]