设计师常谈的栅格化设计，攻城狮考虑的栅格化布局。
    目的：
    1、让页面布局遵循规律，让设计更具理性
    2、和开发人员达成一致想法，提升开发现实沟通的效率，减少开发成本
    3、为了更好的还原设计，适配多种分辨率

    栅格化设计，自适应设计之间的区别：

    1、栅格化设计，为响应式布局提供依据！在不同分辨率下为用户提供最优的视觉效果。

    2、自适应设计，是提前设计多套不同尺寸的设计。用户使用哪种分辨率，就自适应对应设计的尺寸。（Axure自适应视图的功能就是给设计师设计多套尺寸方案的）

    栅格化的应用：

    • 固定栅格：设计临界值，尺寸缩小未到临界值之前，设计像是不变的。例子：百度搜索页
    • 流动栅格：随着窗口缩小，内容发生动态变化，图片，文字缩小，布局不变。到了临界值布局发生变化。例子：dribbble
    • 混合栅格：实际项目中，组合的方式更加应用广泛
    • 无视栅格：不遵循栅格规则，做出一些更具创意的网页

    不适用：
    企业类网站，功能型且结构复杂的网站，不拘泥设计的网站.