原文作者不记得了
一、为什么使用栅格
1)、排版布局有据可依
2)、实现方式、规范设计、提高复用性
3)、提高内容可读性、平衡画面、更有层次性、模块化
二、栅格基本概念
1)、定义最小单位=（PC网页10、移动端4、5），递进单位*倍数递增。
2)、定义屏幕宽度=考虑市场屏幕使用率、适配是否方便。（960、1280、1440）
3)、定义列=小列+水槽，将屏幕分为n列，通过控制列数，决定版面留白和呼吸感。
4)、定义行，跟列定义相同，方向不同。网页呈瀑布流通常忽略，更多用于后台管理页面。
5)、定义水槽=列与列之间距，水槽大小决定留白呼吸感，通常水槽不放置内容。
6)、定义安全边距=屏幕两侧安全距离，防止内容紧贴屏幕提高可读性、美观性。
三、常用的栅格系统（待补充）
四、栅格应用的注意要点
1、界面中模块的定义要从列开始到列结束、水槽和安全边距不可单独放置内容；
