流体网格 海报
№ 208

流体网格

定义 Definition

使用百分比定义列宽,模块随空间按比例伸缩、自动重排,始终保持节奏与秩序的网格方式。

要目 Key Points
比例宽度使用百分比定义列宽,模块相对于容器自适应。
连续流动模块之间无固定间隙,宽度随空间变化连续分配。
弹性伸缩空间变化时,模块按比例弹性伸缩。
响应适配从大屏到小屏自动重排,内容始终清晰有序。
用法 Application

适用于网页布局、数据看板、卡片列表与内容排版;让设计像水一样灵活,像网格一样有序。

关键词 Keywords
流体网格百分比宽度连续流动弹性伸缩响应适配
参见 Related
回忆评估 Review
看完海报,凭回忆作答——评分后排入复习队列
二级主题网格系统
本主题共18 个概念
高清原图 CDN 打开 ↗
学习路径 图鉴 · 研习两用

同主题

查看全部 →