Как использовать CSS сетку для пользовательских ширин и желобов?

Question

Как сделать пользовательский CSS каркас сетки для пользовательских ширин? В моей компании я получаю дизайн (PSD) разных размеров по ширине сайта, например, 900px, 920 px, 915px, 973 px и т. Д., А также разные размеры желоба, например, 10 px справа, 20 px слева и т.д. я использую и пользуюсь сеткой на основе

Answer 1

http://www.gridsystemgenerator.com/

Это создаст CSS на основе значений, определенных в форме.

Answer 2

Кажется, что все упустили момент: если ваши желоба не являются регулярными, то вы не можете использовать систему сетки. Вы просто создаете пользовательские классы для каждого столбца и используете их по мере необходимости. В сеточных системах используются обычные желоба, поэтому вы можете расположить их (столбцы) в любом порядке.

- Джейсон

Answer 3

Генератор 960 ?

Answer 4

Если ваши ширины и желоба произвольных размеров, вы не можете использовать одну сетку для них всех.

Чтобы создать отдельную сеточную систему для каждого дизайна, необходим общий делитель ширины - это то, что делает ссылка, предоставляемая dr.squid - но с шириной, такой как 973, вы будете бороться.

Answer 5

Вы также можете использовать http://www.960.gs. Для создания системы сетки существует несколько вариантов. Это довольно просто!