设计原则
缩放字号和容器会带来不可控溢出，重组结构更稳定。
原则 缩放字号和容器会带来不可控溢出，重组结构更稳定。
设计动作 使用 CSS grid/flex 断点、minmax、clamp 宽度和稳定尺寸；不要用 viewport 缩放字体。
正反例 正向示例：卡片网格、工具栏、表格、画布。 反向示例：font-size: vw 控制正文。
适用场景 卡片网格、工具栏、表格、画布。 内容长度不可预测。
来源提示 来源提示：综合 Apple HIG、Material Design、GOV.UK/Polaris/Atlassian 组件实践和交互可访问性原则整理。
Agent 指令
使用 CSS grid/flex 断点、minmax、clamp 宽度和稳定尺寸；不要用 viewport 缩放字体。