栅格数据的管理模式有（栅格系统在设计中的要点总结）

栅格数据的管理模式有（栅格系统在设计中的要点总结）我们在设计稿中定义自己的栅格系统，首先要了解基本的这些词汇七、如何用栅格系统布局页面京东栅格布局，每个模块内容的宽度如下图再来强调一下：栅格的列数，根据具体内容设定，京东网页等分成24列，也可以等分成12列栅格布局设定为12列，每个模块内容的宽度和上面等分成24列的宽一样

栅格布局

完整内容展示布局：网页总宽度为1200，列数为24，水槽为10

浏览器缩小时内容展示布局：总宽度为990，列数为20，水槽为10

在浏览器缩小时的栅格布局里，隐藏4列，其他内容不变

京东栅格布局，每个模块内容的宽度如下图

再来强调一下：栅格的列数，根据具体内容设定，京东网页等分成24列，也可以等分成12列

栅格布局设定为12列，每个模块内容的宽度和上面等分成24列的宽一样

七、如何用栅格系统布局页面

我们在设计稿中定义自己的栅格系统，首先要了解基本的这些词汇