# 让页面适应内容与设备变化

布局应能容纳任务中的合理变化。不是为每个屏宽指定一种固定版式，也不是只把桌面页面等比例缩小。

## 用变化检查决定是否成立

- 内容从少到多、从短到长，分组、换行和导航是否还成立？用实际文案和合理极端值检查，不为维持对齐而随意截断重要信息。
- 没有图片、数据为空、只有一个项目或有大量记录时，结构是否仍有用途？不能为了填空补造内容。
- 语言、数字长度、日期格式或文字方向变化时，标签与控件能否正确展示？按目标受众检查，不为没有需求的语言先搭复杂系统。
- 屏幕变窄、浏览器缩放、系统字体放大后，内容是否可阅读，主要操作是否可达？
- 输入方式变为触摸或键盘时，悬停信息、拖动和手势是否有可用路径？

## 按内容压力调整布局

当列宽已不能清楚展示内容时，再决定换行、折叠、滚动、重排或分步展示。保留哪些信息、把哪些操作移到后续位置，要根据任务优先级判断，不按固定断点套用所有页面。

连续比较可能需要保留表格，局部编辑可能需要独立视图，连续阅读可能需要调整行宽。它们都是可选判断，不是强制映射。窄屏上的简化不能丢掉完成任务所必需的信息与操作。

## 让资源与反馈也能适应

检查图片尺寸、比例、裁切与替代说明；素材无法加载时仍能理解主要内容。重要信息不应只存在于装饰图像中。

长列表、较大图片、字体加载和大量动画会影响体验，按实际设备与内容量测量再优化。不要为了使用某个效果强行增加资源，也不要没有依据就宣称加载很快。

## 记录验证范围

说明实际检查过的设备条件、内容变化和输入方式，以及尚未验证的部分。不用有限几张截图冒充所有设备验证；发现问题后调整当前关系，不必另外制造一种视觉风格。