网格的历史

在平面设计中，当我们画好格子后，把文本和图片填入到固定的格子当中就可以了。而网页或移动端的栅格系统，高度无法确定，就导致无法给格子配置高度值。所以网格与栅格本质上是相同的，重点就差在一个可以确定格子高度。下图中所示，如果采用网格系统来制定网页，图中红色模块的高度一旦发生变化，所有高度都对不上，网格没什么意义了。

栅格的宽度可以随着不同设备的宽度来配置不同的数值。例如网页常用设备宽度为1920px，栅格的总宽度可以设置不同的固定宽度，如：960px、980px；1000px；1120px等，这些宽度都是固定的。而栅格的高度无法确定，就没法绘制格子并布置要素。

5.网格的历史

最早的网格原型，是13世纪由建筑设计师 Villard de Honnecourt 画的图表，其中的比例布局十分和谐，直到现在也依旧应用在书籍设计当中。

到了15世纪中叶印刷术的出现，到18世纪晚期的工业革命，印刷术主要用于印刷《圣经》。很多设计师开始用最完美的几何划分方法来确定古典书籍的版心，也就是整个页面与留白之间的关系。如下图所示，它使用了黄金分割确定了文本的面积，也就是用黄金分割确定了版心，使用斐波那契数列确定了边距的比例。

16世纪晚期的《圣经》的手抄本。其中有一页采用了两端对齐的排版方式，文字排成两栏并以中心轴为对称轴，这种左右对齐（两端对齐）的排版规则持续了450年，当时还没有"网格"这个概念。