明天，即 9 月 9 日星期三，苹果将在 Apple Park 举行以 Surprise and shine 为题的年度发布会。这就是公司官方确认的全部内容：日期、标题和直播平台。专业媒体预计会有新一代 iPhone，同时还有苹果的首款折叠设备。

如果你在经营一家企业，这并不是关于一部你可能会买的手机的新闻。它之所以重要，是因为一种屏幕即将打开你的网站和应用，并以你从未设计过的方式运行：在客户做某件事做到一半时，它的宽度会发生变化。

苹果确认了什么，哪些只是报道

在据此做出任何预算决策之前，这一区分很重要：

  • 苹果已确认：发布会将于 2026 年 9 月 9 日星期三太平洋时间上午 10:00 在 Apple Park 举行，标题为 Surprise and shine，并在苹果官网、YouTube 和 Apple TV 应用上直播。
  • 有报道，未确认：一款书本式折叠设备，外屏约 5.5 英寸，内屏约 7.8 英寸，起售价接近两千美元。这些是专业媒体的估计，不是官方数据，其中任何一项明天都可能改变。

所以不要基于这些数字做任何决策。这里只有一件事值得作为依据，而且无论最终规格如何都成立：一类在运行时面积会变化的屏幕，如今已成为市场的真实组成部分。

这个品类并不新，新的是它的规模

自 2019 年起，其他厂商的折叠设备就已上市，但这一细分市场一直小到可以忽略而不会带来后果。苹果的加入，如果明天的情况如报道所说，并不是发明了这个品类，而是把它从一个从未出现在你分析数据中的边缘，变成了一个会出现的份额。

我们不会给你一个没有官方来源的市场份额百分比。唯一重要的数字已经在你自己的仪表板里：打开你的分析工具，看看你的访问中有多大比例来自 iOS 设备。如果比例可观，这种形态会在几个月而不是几年内影响到你的数据。如果比例很小，这件事没那么紧迫，但它不会消失。

真正的变化：宽度在会话内改变

网页早已学会处理不同的尺寸：手机、平板、桌面。但大多数已建成内容背后有一个默认的假设：尺寸在页面打开的那一刻就已确定，并一直保持到会话结束。旋转设备是罕见的例外，而很多网站连这一点都处理得很糟。

折叠设备每天会打破这个假设数十次。客户展开设备，视口从手机宽度跳到接近平板的宽度；然后折叠起来，又一下子恢复原状。据报道，内屏展开后宽度大于高度，这意味着你为手机设计的布局可能会在一个你从未测试过的横向空间中渲染。

一条规则概括了其后果：界面中任何只测量一次可用空间并缓存结果的部分，在第一次折叠后都会出错。

问题究竟出在哪里

  • 只读取一次宽度的布局。在加载时读取窗口宽度并锁定某个决策（移动端菜单还是桌面端菜单）的代码，会在设备展开后继续保持这个决策，直到客户刷新页面。稳妥的做法是把决策交给会自行重新计算的 CSS 查询，而不是存储的变量。
  • 通过 user agent 识别设备。根据设备名称决定提供哪个版本的网站，会在两方面失败：一是同一台设备现在有两种尺寸，二是设备列表会随着每次新品发布而过时。
  • 重新渲染时丢失状态。这是商业上最危险的一点。客户正在填写订单表单或处于支付步骤中途，展开设备，界面重建，字段被清空或步骤被重置。这在静态页面测试中从不出现，却会立刻体现在你的完成率上。
  • 表格、地图和轮播。在加载时自行计算尺寸的组件最先变形：表格溢出页面，地图卡在旧尺寸，轮播在切换途中冻结。
  • 你的移动应用（如果有的话）。两大平台现在都支持多窗口状态和不断变化的尺寸。假设固定高度和宽度的应用会出现空白边距或被裁切的元素。

本周无需购买设备即可完成的五项检查

你不需要折叠设备也能了解自己的现状。在桌面浏览器中打开你的网站，慢慢地将窗口边缘向内、向外拖动，然后观察：

  • 拖动时菜单和布局是否平滑地变化，还是旧的形态一直卡住，直到你刷新？
  • 把联系表单填到一半，或把一件商品加入购物车，然后改变窗口宽度。数据还在吗？
  • 进入支付步骤，并在其中改变宽度。你是停留在该步骤，还是回到了开头？
  • 打开一个包含表格、地图或轮播的页面并改变宽度。它会重新计算尺寸，还是会变形？
  • 试一个尴尬的中间宽度，大约在 700 到 900 像素之间。大多数网站只在常见的手机尺寸和桌面上测试，而两者之间的区间正是展开设备所在的位置。

仅最后这一项检查就能暴露大部分问题，而且只需要十分钟。

Origami 的观点

我们认为这清楚地说明了我们一再向客户强调的一条原则：不要围绕设备列表来构建界面，而要围绕可用空间来构建。任何假定特定设备的设计，从发布之日起就开始过时，因为每年都会出现一个不在列表上的尺寸。能够读取空间并自行重新排布的设计，在新品类出现时无需任何修改。

而且上述检查并不只关乎折叠设备。通过这些检查的网站，在分屏窗口、车载屏幕、门店屏幕和旧版浏览器上都更加稳健。我们从一开始就在这个基础上构建，并在用户体验工作中对现有网站进行这方面的审查。你可以通过联系页面与我们联系。

结论

苹果明天发布什么是苹果的事。与你有关的是，使用过程中面积会变化的屏幕类别正在增长，而你的网站很可能建立在尺寸在加载后就固定下来的假设之上。今天花十分钟拖动一下窗口边缘，你就会亲眼看到你的客户在几个月后会看到的情况。趁问题还小时修复，远比等到有人打电话说他的订单中途消失后再修复要便宜得多。

资料来源

  • 苹果为 2026 年 9 月 9 日题为 Surprise and shine 的发布会发出的官方邀请，包括日期、地点和直播平台，据 MacRumors 和 9to5Mac 于 2026 年 8 月 26 日的报道。
  • 专业媒体关于预期折叠设备的报道，包括两块屏幕的尺寸和起售价：MacRumors 和 9to5Mac；均为苹果未确认的估计。
  • 自 2019 年起其他厂商的折叠设备已在市场上销售：厂商公布的产品发布记录。