怎样处理长内容、缩放与溢出？

用长文字、窄窗口和浏览器缩放检查内容，避免重要信息被挤掉。

内容变化是网页的正常情况。文字可能更长，用户也可能放大页面。设计系统要约定内容放不下时怎样处理，让信息仍能被获得。

先记住这几件事

• 重排 是空间改变后重新安排内容； 溢出 是内容超出原来的区域。
• 测试长姓名、邮箱、多语言、空内容和错误说明，不只使用整齐的短句。
• 固定高度容易截断换行后的文字；重要内容通常需要容器能随内容增长。
• 表格或图表有时需要局部横向滚动，但不能让普通正文整体依赖来回横移阅读。

窄视口与缩放后的阅读条件见 W3C：重排 ；语言变化见 Spectrum 国际化指南 。国际化是让产品适应不同语言与地区的工作。

内容变化的检查流程

长内容处理的示意

以下为假设测试条件，不是实际用户资料。

用一个例子走一遍

团队把成员卡片的姓名换成较长文本，再放大浏览器。发现操作按钮被挤到卡片外，就调整文字换行和操作布局。随后用短姓名重新检查，确认两种情况都能看到姓名、角色和操作入口。

边界与常见误解

省略号只是视觉处理，不代表用户能获得完整内容。确需截断时应提供可操作的完整查看方式。也不能通过禁止缩放来掩盖布局问题；内容适应能力要在真实浏览器中验证。