fluid grid（流式网格/弹性网格）指一种版面布局方式：把页面分成“网格”，但网格宽度通常用百分比等相对单位来设置，使布局会随着屏幕或容器大小变化而自动伸缩。常见于网页设计与响应式布局中。（在不同语境下也可能泛指“可伸缩的网格结构”。）
/ˈfluːɪd ɡrɪd/
A fluid grid makes the page adapt to different screen sizes.
流式网格能让页面适配不同的屏幕尺寸。
By combining a fluid grid with flexible images and media queries, the site maintains a consistent structure across phones, tablets, and desktops.
把流式网格与弹性图片、媒体查询结合起来，网站就能在手机、平板和桌面设备上保持一致的结构。
fluid 原义与“液体、流动”有关，在设计语境中引申为“可流动、可伸缩、不会固定死”的特性；grid 来自“网格/格子”的概念，表示用规则的行列来组织内容。合起来 fluid grid 就是“会随空间变化而伸缩的网格化布局”。
Select Language