Генератор сетки CSS на основе процентов, а не пикселей

Question

Я ищу плавный генератор CSS-сетки, основанный на процентной ширине, такой как 100%.Все, что я нашел до сих пор, требует указанной ширины пикселя или минимальной / максимальной ширины пикселя.

Все эти генераторы сетки основаны на пикселях: http://www.gridsystemgenerator.com/

Answer 1

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

Просто посчитай.

Если вы хотите столбец, составляющий половину тела, сделайте его width:50%;. Четверть? width:25%;

Я сделал для вас демо .

Однако создание дизайна целиком зависело от процентов, что приводит к некоторым проблемам. Хотя абзац может выглядеть нормально с width:50%; на вашем экране, кто-то с огромным монитором может увидеть весь абзац в одной строке, что было бы неприятно читать.

Я бы порекомендовал Сетка 1140 . Он основан на пикселях, но он также плавный и может удовлетворить ваши потребности. Кроме того, с помощью max-width все будет легко читаться для всех.

Answer 2

Фонд имеет систему сетки на основе процентов: http://foundation.zurb.com/