但我知道网格系统。我不记得是什么时候开始流行的， 但是突然间，每个和网页设计相关的网站dou充满了关于960.gs或者其它网格系统的文章。 太水了。 所有的大佬dou在强调布局的一致性，这Yi经成为了趋势。

绝绝子！ 就像快速的趋势成为了行业标准一样，现在我们大多数人在设计网页时dou不考虑是否使用网格系统。唯一的问题是哪一个？我们会选择一个大公司的版本，还是一个小众的变种，甚至是我们自己创建一个？

简单的网格系统

34GRID

YYDS！ 34grid 就是关于平等的分布列。它Ke以容纳不同的分配，但这不是这个网格系统的主要用途。对于那些你想将所有或大部分页面横向等分的设计，这是你的框架。

工作原理：这个框架的设计是适应你的需要，所以你不仅仅是下载。你需要配置你的网格项目的主页。一个快速的形式允许你确定多少列将适合在一排， 你的利润会有多大，以及是否使用CSS3转换你的列时视口的尺寸变化，放心去做...。

太暖了。 代码本身是分为两个CSS文件：一个基码，和所有的媒体查询。简单的CSS类。应用“col_1”列将排100%。 “col_2”将创建一个宽度为50%列，等等。

缺点：似乎没有任何办法巢列，或创建geng复杂的栏目安排在一个单排。另一方面Ru果你不需要复杂，你只是想要一个简单的框架，你Ke以调整你的需要，34grid将Zuo的工作。

简单的网格 是一个敏感的选项，高1140像素的宽度。换句话说虽然它的目的是发挥好与平板电脑和手机， 也许吧... 简单的网格Ke以确保geng大的屏幕不离开。

工作原理：正如其名字所暗示的，这个网格系统是相当轻。整件事在一四字节压缩CSS文件，不是我唱反调...。

从一个旁观者的角度看... 类名称的设计Ke以hen容易地理解：“.col--”将排成六列，并定义列宽两栏宽。每行可分为一列，“.col--”，或二，三，四，等，一直到十二。

躺平... 缺点：像34grid，似乎没有为嵌套列的任何规定。一边，空间处理的第一个和再说说一个专栏的方式，可Neng会造成困难，在创造的时候，比方说一个相册。

干杯

共勉。 这一个 是任何人谁喜欢一个简单的网格与普通英语课的名字。这是敏感的，容易理解，并迅速实施。

当冤大头了。 工作原理：在你平时的“容器”和“到位是网格的元素，栏目实行老办法。一类是用来定义一列的一般属性，另一类是用于定义宽度。行可分为2-5列，和类的名字dou是这个样子的：“.三个，三个”。

还包括一些基本的排版样式。

缺点： 这是一个网格框架意味着简单的布局，所以没有提供嵌套列。也只有一个破发点，设置在650像素视口宽度，所以你的一些列可Neng过早结束而宽，换言之...。

先进的网格系统

比例网格

马特有点像我。他喜欢的设计，但是不喜欢数学一样。作为一个后来啊， 他比例网格 似乎Zuo了无数的计算尽可Neng的根据盒尺寸财产后来啊是一个完整的， 我狂喜。 但仍然hen轻，网格系统，包括你的响应布局基地。

工作原理：当我说这个系统依赖盒尺寸我的意思是列，给出了百分比宽度不占水槽。固定宽度的槽定义衬垫；和盒尺寸确保列好好地玩在一起，我懵了。。

雪糕刺客。 课程包括三个不同的突变点换柱尺寸。媒体查询本身的结构在“移动第一”的时尚，符合标准的Zuo法。

翻车了。 在Internet Explorer 8以上的一个单独的样式表。主要原因是IE8不支持媒体查询，并且不支持旧版本比盒尺寸，他们有一个固定宽度的布局。

还包括萨斯快速和容易的定制的网格文件系统。

缺点：我不介意一些列的宽度的工作。否则，这是一个hen大的错误的自由和全面的网格系统。

一%

这个名字来自这样一个事实：网格列的宽度进行计算， 它总是等于99%，而不是100%。这消除了一些geng复杂的循环小数，数舍入，浏览器往往被迫Zuo的需要。

事实上... 工作原理：网格本身分为经典的十二列。这类简单的，我喜欢你，是的，只使用一个类的每列。

两个破发点包括默认：768像素和1024像素。Ru果我是诚实的，第一个似乎有点...大...但你总是Ke以Ru果你需要添加另一个突破点。还提供了两个桌面布局宽度的例子：1000像素，1200像素。

差点意思。 在项目的主页上， 你Ke以下载PS图象处理软件的行动文件，适合模拟您的布局与该网格系统介绍。

缺点：我的两个大问题，这是通常的。第一：没有嵌套列。嵌套列好，人！第二：在每行再说说一列需要有再说说。这类应用。

flurid

一个跨浏览器的CSS网格框架，不隐藏像素边缘！这是宣传口号flurid， 和快速浏览的文档会告诉你为什么：flurid的创造者真正地不想让你的布局打破，就这样吧...。

工作原理：这里的事情， 主要原因是路亚像素舍入，浏览器有时候会说“拧”，把再说说一列的列不应该去的地方。flurid建立稳定， 这样你的布局会一直工作，甚至在旧版本的IE浏览器

某些相当完整的文档是通过GitHub，以及一个jQuery插件，添加额外的功Neng，是的，它有自己的jQuery插件，它提供了高度相等的列，Ke以把交流课上你列，你的造型的乐趣，打脸。。

缺点：这是讨厌的再说说。再上课。不过根据文档，这是时间的一个hen好的理由。

我深信... 分享题目：网格设计， 让网页设计geng完美

我破防了。 转载源于：https://www.cdcxhl.com/news/.html

对吧？ 成dou网站建设公司_创新互联，为您提供网站营销、自适应网站、企业建站、营销型网站建设、虚拟主机、手机网站建设

太暖了。 成dou网站制作作为一个设计师，我一点也不关心我的设计中关于结构。我会打开PS图象处理软件，推像素直到我Zuo了一件我认为kan起来hen酷。我学会了代码，我的过程同样是偶然的。

我不回头kan过去，太多的爱。我的工作是草率和不。我没有明确的目标。作为一个开始， 我想这并不是太糟，考虑到我的大部分设计教育来自PS图象处理软件的教程网站，我的工作不可怕。