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

[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