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

Question

我正在寻找一个流畅的CSS网格生成器，其基于百分比宽度，如100％。到目前为止我发现的所有内容都需要指定的像素宽度或最小/最大像素宽度。

这些网格生成器都是基于像素的：http://www.gridsystemgenerator.com/

Answer 1

如果要根据百分比宽度制作网格，则不需要生成器。

算一下。

如果您想要一个半身的列，请将其设为width:50%;。 25美分硬币？ width:25%;

我为你做了demo。

但是，设计完全取决于百分比会导致一些问题。虽然屏幕上的width:50%;段可能看起来不错，但是拥有巨大显示器的人可能会在一行上看到整个段落，这会令人讨厌。

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

Answer 2

Foundation拥有基于百分比的网格系统：http://foundation.zurb.com/