Адаптивная сетка с фиксированной шириной столбца ⇐ Html

[Anonymous]

Думаю, у меня самая простая проблема, и я не могу найти готовое решение.
Мне нужно создать сетку с фиксированной шириной и фиксированным расстоянием между ними.
Мне нужно x столбцов размером 400 пикселей (x = общая ширина/400), и при изменении размера браузера мне нужно, чтобы эта сетка сжималась, столбец за столбцом (столбцы должны всегда сохранять размер ширины и расстояние между ними).
Содержимое перемещается по всему столбцы и должны распределяться по всем столбцам.
Вот почему мне не нравятся какие-либо системы сеток с открытым исходным кодом (Bootstrap, Skeleton и т. д.), они все используют %width, а столбцы всегда меняют ширину при изменении размера.
Каков самый простой способ?
Редактировать/Пояснение:
Вот как это выглядит без столбцов: http://jsfiddle.net/xjrt8qrm/16/show/

Код: Выделить всё

See the fiddle

Я хочу, чтобы в нем было x столбцов. x — максимально возможное количество столбцов размером 400 пикселей, в зависимости от разрешения пользователя. Мне нужен только один ряд столбцов, чтобы контент распространялся, как в газете, сверху вниз.
На ПК это будет выглядеть примерно так: https://i.sstatic.net/ycF2m.png (текст/комментарии там можно игнорировать).

Подробнее здесь: https://stackoverflow.com/questions/291 ... lumn-width