基于百分比而不是像素的CSS网格生成器

我正在寻找一种基于百分比宽度（如100％）的流体CSS网格生成器。目前为止我发现的所有东西都需要指定的像素宽度或最小/最大像素宽度。基于百分比而不是像素的CSS网格生成器

这些网发电机组是基于所有像素：http://www.gridsystemgenerator.com/

2011-11-18 Micah

如果你想基于百分比宽度的网格，你不需要一台发电机。

就算了。

如果你想要一个正文的一半的列，使它width:50%;。 25美分硬币？ width:25%;

我为你做了一个demo。

但是，使设计完全依赖于百分比导致一些问题。虽然屏幕上的段落可能会与width:50%;一样正常，但具有巨大显示器的人可能会在一行中看到整个段落，这会令人讨厌。

我会推荐The 1140 Grid。它基于像素，但也很流畅，可能适合您的需求。此外，通过使用max-width，每个人都可以轻松阅读所有内容。

2011-11-18 00:51:59 bookcasey

更新：1140个网链接指向一个网页，其中说（2013年4月9日）：“1140px CSS电网退役”。它似乎不再可用于下载。 – Paolo

基金会有一个基于百分比的网格系统：http://foundation.zurb.com/

2012-11-28 17:23:00

只是为了清楚我不是特别推荐基金会 - 这是我认为报价臃肿。但它是基于百分比的。 –

哦！我刚刚找到了http://neat.bourbon.io，它也是基于百分比的，而且非常棒。 –

回答