微信在 iPhone Duo 上线首个双栏适配；Apple 就外屏挤压网页向开发者征集方案
微信 iOS 8.0.80 为 iPhone Duo 内屏做左右分栏、灰度开放平板式登录；WebKit 称 Safari 外屏最窄 382px，公开征集方案。
2026 年 10 月 24 日，iPhone Duo 的软件适配在同一天推进了两条线：微信 iOS 8.0.80 正式版被实测到为内屏启用左右分栏布局，并开始灰度推送平板式多设备同时登录；WebKit 团队则在 10 月 23 日的官方博客里，由设计师 Jen Simmons 解释 Safari 在 Duo 外屏上为什么只有 382 CSS px 宽，并向开发者公开征集更好的方案。iPhone Duo 是苹果 9 月 9 日发布、10 月 23 日开卖的首款折叠屏 iPhone，7.6 英寸内屏、5.4 英寸外屏，1,999 美元起。开卖次日，应用和网页怎么填满这两块屏幕，已经成了平台与应用共同的作业——微信这条线是应用在追，WebKit 这条线是平台在定规则。
要点
- 微信 8.0.80 的内屏适配：展开后从「居中竖屏小窗加两侧黑边」改为左会话列表、右聊天详情的分栏；右侧导航仍有黑边，横屏边缘侧滑返回暂不可用（快科技 10 月 24 日实测）。
- 平板式登录在灰度：登录界面出现「和其他设备同时登录」选项，另一台手机弹出「登录平板」确认页，Duo 以平板身份与手机同时在线；快科技称「应该还在灰度上线中」，腾讯没有官方公告。
- WebKit 给出了具体数字：外屏竖持视口宽 382 CSS px、横持最矮 368 CSS px；因大量站点「fail to inset all four edges correctly」，viewport-fit=cover 暂不放行；Device Posture 与 Viewport Segments 两个 API 以 feature flag 形式开放开发者预览。
背景
iPhone Duo 开卖头几天的适配新闻是连贯的一条线。10 月 22 日，苹果在 App Store 给适配应用加上「Made for iPhone Duo」标识，本站此前拆解过它的触发机制：开发者在 App Store Connect 提交 Duo 截图即点亮，2027 年 4 月起截图变成强制项。10 月 23 日 Duo 在 70 多个国家和地区开卖，紧接着就是这几天的一波应用跟进——微信的分栏、支付宝与淘宝的布局重排，以及 WebKit 把平台的视口约束摆上台面。应用适配是一场以周计的长跑，本条记录的是第二棒。
微信的两处改动
快科技 10 月 24 日的实测文章说，微信 iOS 8.0.80 正式版「首次加入内屏适配」：此前在内屏展开后，微信是居中竖屏小窗、两侧留大片黑边；更新后变成左侧会话列表、右侧聊天详情的左右分栏。适配留了尾巴——右侧导航区域仍有黑边、未全屏，底部控制栏没有移到右侧，横屏下边缘侧滑返回暂不可用，快科技称其为「过渡适配方案」。
第二处是登录方式。实测中，Duo 的微信登录界面出现「和其他设备同时登录」选项；选定后，另一台手机弹出「登录平板」的确认页，设备名显示为 iPhone Duo——也就是 Duo 拿到平板待遇，可以和手机同时挂同一个账号。此前安卓折叠屏普遍支持这种登录，iPhone Duo 不支持，是发售时被吐槽最多的一点之一。快科技同时提醒，还有用户没收到该选项，「应该还在灰度上线中」。需要说明的是，腾讯没有发官方公告，以上两项均来自媒体实测与多位用户反馈，8.0.80 的官方更新日志也未见公开。
| 项目 | 状态（截至 10 月 24 日） | 口径 |
|---|---|---|
| 内屏分栏布局 | 已实测到：左列表右详情 | 快科技实测，8.0.80 首次加入 |
| 平板式同时登录 | 灰度推送中 | 快科技实测加多位用户反馈 |
| 右侧导航黑边 | 未解决 | 快科技实测 |
| 横屏侧滑返回 | 不可用 | 快科技实测 |
Safari 为何 382px
WebKit 博客把 Duo 上 Safari 的视口约束写成了数字。外屏比常见 iPhone 更宽也更矮，iOS 把控制按钮移到侧边换取内容的纵向空间；在 Safari 27.1 里，网页内容「does not currently extend to fill the space behind these controls」，只能把页面背景色延过去。结果是竖持时视口只有 382 CSS px 宽，横持时最矮只有 368 CSS px 高。
为什么不放开 viewport-fit=cover 让网页铺满整屏？Simmons 的解释是，苹果调研发现「a lot of projects that fail to inset all four edges correctly」——一旦放开，按钮或标题可能直接消失在控制条下面。团队因此改找「something more foolproof and perhaps easier for you to use」，并以原话公开征集：「If you have ideas, we’d love to hear them. And stay tuned.」各姿态下的具体数值如下（单位 CSS px，源自 WebKit 博客 2026-10-23）：
| 姿态 | 视口宽 | 最小视口高 SVH | 最大视口高 LVH |
|---|---|---|---|
| 外屏竖持 | 382 | 580 | 618 |
| 外屏横持 | 594 | 368 | 406 |
| 内屏竖持（单标签） | 669 | 867 | 902 |
| 内屏横持（单标签） | 951 | 585 | 620 |
| 内屏双窗并排 | 385 | 571 | 609 |
开发者能测什么
Safari 27.1 带来两个折叠屏 API 的开发者预览，都要先开 feature flag（设置 > Apps > Safari > Advanced > Feature Flags）。Device Posture API 用 device-posture 媒体查询和 navigator.devicePosture 报告设备处于「folded」还是「continuous」；Viewport Segments API 提供 horizontal-viewport-segments / vertical-viewport-segments 查询、viewport-segment-width 等六个环境变量，以及 window.viewport.segments。PDF 会跟随折叠姿态自动变双页并排——半折时两页，全开或合上回到一页。WebKit 同时打了预防针：「With the Device Posture API and the Viewport Segments API behind flags, there may still be time to evolve how they work」——规范还可能变。真机之外，Xcode 27.1 自带的 Device Hub 能开合、折叠、旋转模拟的 iPhone Duo；名字相近的第三方桌面应用 Device Hub Pro 是另一回事，管的是多台模拟器的并排管理。
各方说法
Digital Trends 把 WebKit 的动作解读为「exploring ways to make Safari websites less cramped」：苹果在等更稳的方案再放开，没有时间表，现阶段长文阅读交给内屏。同一天快科技的另一篇稿子记录了生态里的其他玩家：支付宝升到 12.12.38 后，底部按钮收进侧边栏，横竖屏与内外屏布局自动重排；淘宝把底部菜单改成右侧栏，横屏商品页左右分屏，双指捏合还能调商品列表密度。微信自己的回应也直接——微信员工「客村小蒋」10 月 23 日回应时说「客服同学压力比较大」：此前有报道把客服的单聊回复当成了微信官方的适配表态；同一场回应里他还确认 8.0.80「已经初步适配了 iPhone DUO」。还有一层背景噪音值得留意：Digital Trends 同文提到，Duo 上市初期已有澳大利亚、美国、加拿大和中国的用户报告铰链或屏幕问题，其中一例折叠不到 20 次。
编辑判断
两条线放在一起，能看出 Duo 适配的真实节奏。应用层在用过渡方案交作业：微信的分栏解决了「小窗加黑边」最刺眼的问题，但右导航黑边和横屏手势说明离完整适配还有距离，平板登录也还在灰度。平台层反而在收紧：WebKit 宁可让外屏网页挤在 382px，也不放行一个可能让内容钻到控制条下面的开关——对开发者这是个明确的信号，别赌 viewport-fit=cover，先在 flag 后面把 posture 和 segments 测起来，规范还在变，正是提意见的时候。对 Duo 用户：内屏体验这两周会有肉眼可见的改善，外屏网页阅读还得等 Safari 的下一版。未知的也摆在这里：微信官方日志没发、灰度全量没有时间表，WebKit 的替代方案只有一句「stay tuned」。