栅格系统定义：
运用固定的格子遵循一定规则，进行页面布局，使我们布局更加规范简洁
栅格七要素：
-
最小单位： 需要定好界面的单位基础 网页端一般情况10， 移动端一般情况 3 4 5
-
总宽度/W： 对整体布局的规范，保证设计尺寸的统一性
-
列数/N： 界面总宽度设计好 纵向分成多列（12列 移动端6列)
-
大列宽/L： 把界面的总宽度平等分成几列，每一列的宽度 (计算公式
L=W/N) 包含列宽和水槽 -
水槽/G： 相邻的列宽之间的间隔是水糟（水槽宽度越大，页面留白会更好，更紧凑）
-
列宽/C
-
安全边距/M：安全边距一般情况下是水槽的0.5倍
M=G/2