第 04 章进阶15 分钟

第 4 章:响应式页面的断点设计

用内容宽度和阅读场景决定断点,而不是机械套用设备尺寸。

作者:知章编辑部 · 更新:2026-05-04 · 阅读:821

断点从内容来

当一行文字过长、卡片过窄或导航放不下时,就是需要调整布局的信号。

常见策略

列表从多列变单列,侧栏移到正文下方,表格增加横向滚动。

验收清单

检查手机、平板和桌面宽度下是否有文字溢出、按钮遮挡和图片变形。