[双变体]
№ 209
响应式网格
定义 Definition
网格根据可用空间调整列数、间距与内容层级,让相同内容在不同视口中智能重排,保持清晰与一致。
要目 Key Points
断点在关键宽度处切换布局策略,常见断点1280/1024/768/480px。
重排列数、模块位置与尺寸随视口变化而重排,内容顺序保持逻辑与可读性。
适配灵活的网格与相对单位(%/fr/auto)让布局自然适配各种设备。
层级保持无论屏幕大小,信息层级与视觉焦点始终清晰。
用法 Application
以内容优先,建立网格,设定断点,测试真实设备。
关键词 Keywords
响应式断点重排适配层级
参见 Related
易混 Confusable
回忆评估 Review
看完海报,凭回忆作答——评分后排入复习队列