【发布时间】：2011-12-31 20:29:40
【问题描述】：
我正在寻找基于 100% 等百分比宽度的流畅 CSS 网格生成器。到目前为止，我发现的所有内容都需要指定的像素宽度或最小/最大像素宽度。
这些网格生成器都是基于像素的：http://www.gridsystemgenerator.com/
【问题讨论】：
标签： html css layout grid generator
【发布时间】：2011-12-31 20:29:40
【问题描述】：
如果您想根据百分比宽度制作网格，则不需要生成器。
数一数。
如果您想要一个占正文一半的列，请将其设为width:50%;。 25美分硬币？ width:25%;
我为你做了一个demo。
但是，完全依靠百分比来进行设计会导致一些问题。虽然在屏幕上显示width:50%; 的段落可能看起来不错，但拥有巨大显示器的人可能会在一行中看到整个段落，这会令人讨厌。
我会推荐The 1140 Grid。它基于像素，但也很流畅，可能适合您的需求。此外，通过使用max-width，所有人都可以轻松阅读所有内容。
【讨论】：
-
更新：1140 Grid 链接指向一个页面，上面写着（2013 年 4 月 9 日）：“1140px CSS Grid Retired”。好像也不能下载了。
基金会有一个基于百分比的网格系统：http://foundation.zurb.com/
【讨论】：
-
为了清楚起见，我并不是特别推荐 Foundation——在我看来，它的引用过于臃肿。但它是基于百分比的。
-
哦！我刚刚找到了neat.bourbon.io，它也是基于百分比的，而且更棒。