柵格零碎的降生
1692年，新登基的法國國王路易十四感到法國的印刷水平強差人意，因而命令成立一個治理印刷的皇家特地委員會。他們的首要義務是設想出迷信的、公道的，注重功用性的新字體。
委員會由數學家尼古拉斯加宗（Nicolas Jaugeon）擔任指導，他們以羅馬體為根底，采用方格為設想根據，每個字體方格分為64個根本方各單位，每個方各單位再分紅36個小格，這樣，一個印刷版面就有2304個小格組成，在這個松散的幾何網格網絡中設想字體的外形，版面的編排，實驗傳達功用的效能，這是是世界上最早對字體和版面停止迷信實驗的活動，也是柵格零碎最早的雛形。
960柵格化零碎
960柵格化零碎是由Nathan Smith發明的，詳細來講，就是基于960像素寬度，經過區分具有法則的聯系，來進步網頁開拓效率。
960柵格化零碎零碎（或許說順應型css構架）晚期次要用來停止疾速原型制造，增加反復枯燥的任務，但是目前，它在網頁設想開拓項目中開端扮演十分主要的角色了。它將為你的設想提供一個堅實的坐標根底。
最后有兩種變形：12柵格 和 16柵格。它們互補保證了零碎的融通性。當時發生了更多的衍生。下圖展現了16柵格到3柵格的案例。BBC和yahoo的門戶網站就采用了柵格化體系，從而十分好的標準了網站的消-息布局和疏密水平。
一些團體站點或許產品展現站點運用柵格化后愈加大氣，視覺感受愈加廣大。上面是一些網站的例子：
柵格零碎指點頁面的布局和留白，而不影響站點的特性化需求。可以說頁面布局就比如方案，它可以事前勾畫出網站的氣質。針對網站方式的容量挑選公道的柵格方式。這里不深化論述如何運用柵格零碎設想網站，假如需求可以另起一篇文章。
隨著大尺寸屏幕的出現和提高，很多網站開端走寬屏道路，但是這并不影響柵格零碎的具有，相同，柵格零碎曾經成了多媒體消-息排版的根底。而在挪動端，隨著flipbord運用順序的出現，鑒戒雜志排版成效的消-息出現方式逐步成為PAD上方式運用的支流方式。其中3×4網格的運用最為普遍。
