响应式网格 海报
№ 209

响应式网格

定义 Definition

网格根据可用空间调整列数、间距与内容层级,让相同内容在不同视口中智能重排,保持清晰与一致。

要目 Key Points
断点在关键宽度处切换布局策略,常见断点1280/1024/768/480px。
重排列数、模块位置与尺寸随视口变化而重排,内容顺序保持逻辑与可读性。
适配灵活的网格与相对单位(%/fr/auto)让布局自然适配各种设备。
层级保持无论屏幕大小,信息层级与视觉焦点始终清晰。
用法 Application

以内容优先,建立网格,设定断点,测试真实设备。

关键词 Keywords
响应式断点重排适配层级
参见 Related
易混 Confusable
回忆评估 Review
看完海报,凭回忆作答——评分后排入复习队列
二级主题网格系统
本主题共18 个概念
高清原图 CDN 打开 ↗
学习路径 图鉴 · 研习两用

同主题

查看全部 →