[发明专利]FEEB双阵列网格系统

权利要求书

1.FEEB双阵列网格系统，其特征在于：包括以下步骤：

a、网页宽度断点划分，分为移动端、PC端以及响应式框架的Media Queries片段；

b、网页网格划分，将一个网页按照网格的方式进行划分，并保证网格中的一行可以被平均分为1块，2块，3块，4块，5块或6块；

c、确定列宽度，在网格系统中每一列的宽度为网页宽度的十二分之一或十五分之一，网格中列与列之间的间距为网页宽度的六十分之一；

d、确定布局宽度，创建一个包裹元素、内容元素和列元素的宽度，用以适应不同的设备宽度；

e、确定网页的宽度，根据显示设备的不同网页有多种不同的宽度，但是所有的网页宽度均为60的整数倍。

2.根据权利要求1所述的FEEB双阵列网格系统，其特征在于：所述步骤a中，Responsive中的断点依赖于CSS3的Media Queries来决断。

3.根据权利要求1所述的FEEB双阵列网格系统，其特征在于：所述步骤d中，创建了一个给予像素布局的页面，并且在这个页面中包含了一个respond.js的文件，用于在ie6-8上面使用媒体查询。

4.根据权利要求3所述的FEEB双阵列网格系统，其特征在于：所述步骤d中，当涉及到css，设置最大宽度是有效阻止，设置图片的宽度是100%。

5.根据权利要求1所述的FEEB双阵列网格系统，其特征在于：所述步骤e中，将得到网页宽度为480PX、780PX、960PX、1200PX和1020PX，其中480用于手机显示，780用于平板电脑显示，960和1200用于台式机及笔记本电脑显示。