如何使用CSS网格框架自定义宽度和排水沟？

Question

如何为自定义宽度制作自定义CSS网格框架？在我的公司我得到不同尺寸的宽度网站设计（PSD），如900px，920像素，915像素，973像素等，不同的天沟尺寸，如右边10像素，左边20像素等，在这种情况下如何才能我使用并受益于基于网格的框架

Answer 1

http://www.gridsystemgenerator.com/

这将根据表单中定义的值生成CSS。

Answer 2

每个人似乎都错过了这一点：如果你的排水沟不规则，那么就不能使用网格系统了。您只需为每列创建自定义类，并根据需要使用它们。网格系统使用常规排水沟，因此您可以按照您喜欢的任何顺序堆叠它们（列）。

- 杰森

Answer 3

The 960 generator？

Answer 4

您也可以使用http://www.960.gs。有许多在线选项可用于创建网格系统。它很简单！

Answer 5

如果您的宽度和装订线是任意尺寸，则不能使用一个网格系统。

要为每个设计创建一个不同的网格系统，宽度之间需要有一个公约除数 - 这就是dr.squid提供的链接 - 但是如果宽度为973，你就会很难。