Responsives Raster mit fester Spaltenbreite ⇐ CSS

[Anonymous]

Ich glaube, ich habe das einfachste Problem aller Zeiten und kann keine fertige Lösung finden.
Ich muss ein Raster mit festen Breiten und einem festen Abstand zwischen ihnen erstellen.
Ich benötige x Spalten a 400 Pixel (x = Gesamtbreite/400), und bei der Größenänderung des Browsers müsste dieses Raster Spalte für Spalte verkleinert werden (Spalten müssen immer ihre Breite und den Abstand zwischen ihnen beibehalten).
Der Inhalt fließt über alle Spalten und sollte sich über alle Spalten verteilen.
Deshalb mag ich kein Open-Source-Rastersystem (Bootstrap, Skeleton usw.), sie alle verwenden %width und Spalten ändern immer die Breite bei Größenänderung.
Was wäre der einfachste Weg?
Bearbeiten/Erklärung:
So sieht es ohne Spalten aus: http://jsfiddle.net/xjrt8qrm/16/show/

Code: Select all

See the fiddle

Ich möchte, dass es x Spalten hat. x ist die maximal mögliche Anzahl von 400-Pixel-Spalten, abhängig von der Auflösung des Benutzers. Ich möchte nur eine Spaltenreihe, damit sich der Inhalt wie in einer Zeitung von oben nach unten ausbreitet.
Auf einem PC sieht es also irgendwie so aus: https://i.sstatic.net/ycF2m.png (Sie können den Text/die Kommentare dort ignorieren).