折叠屏（如华为 Mate X、荣耀 Magic V、三星 Galaxy Fold）在从“折叠态”变为“展开态”时，屏幕物理尺寸突变（比如从 6.4 英寸变成 7.8 英寸平板）。这对 H5 页面最大的挑战是视口重排。

常见问题：

• 白屏或黑边：因为 canvas 或 iframe 在尺寸突变时没有重新绘制。
• 字体突然变小：因为布局宽度从 375px 变成了 700px+，若使用固定字号或 vw 单位，可能导致显示比例失真。
• 滚动位置重置：用户在折叠态看到一半，展开后页面回到了顶部。

应对方案：

使用 `window.addEventListener('resize', ...)` 监听窗口变化。当宽度变化跨度超过 200px 时，重新计算关键元素的尺寸。避免在所有元素上使用 `100vw`，改用 `100%` 的弹性布局（flex/grid）。