本文译自[http://j4n.co/blog/Creating-your-own-css-grid-system],英语好的,可直接查看原网页,不需要FQ. 翻译拿不准的地方会有英文原文,方便大家理解. 一般的网格布局如下 可以看出主要有以下几个部分 a container(容器) rows(行) columns(列) gutters (the space between columns)(列边距) 容器 容器的目的就是设置整个网格的宽度,通常设置为100%,但可能要给大屏显示器设置一个最大宽…