FEEB双阵列网格系统

摘要

FEEB双阵列网格系统，包括以下步骤：a、网页宽度断点划分；b、网页网格划分；c、确定列宽度；d、确定布局宽度；e、确定网页的宽度。本发明的网格布局系统，能够对网页宽度、布局宽度、网格划分、网页宽度和列宽度进行灵活划分和应用，易于实现，减少了代码量，适用于不同的浏览器和操作系统，使整个网站的搭建更加简单、视觉效果得到提升。

主权项

FEEB双阵列网格系统，其特征在于：包括以下步骤：a、网页宽度断点划分，分为移动端、PC端以及响应式框架的Media Queries片段；b、网页网格划分，将一个网页按照网格的方式进行划分，并保证网格中的一行可以被平均分为1块，2块，3块，4块，5块或6块；c、确定列宽度，在网格系统中每一列的宽度为网页宽度的十二分之一或十五分之一，网格中列与列之间的间距为网页宽度的六十分之一；d、确定布局宽度，创建一个包裹元素、内容元素和列元素的宽度，用以适应不同的设备宽度；e、确定网页的宽度，根据显示设备的不同网页有多种不同的宽度，但是所有的网页宽度均为60的整数倍。