Warum ist Responsive Web Design 12 Spaltengitter?

Warum ist Responsive Web Design 12 Spaltenraster? Nur weil es magische Zahl geteilt durch 2, 3, 4, 6 oder gibt es andere Logik?Warum ist Responsive Web Design 12 Spaltengitter?

Quelle

2016-05-24 Prateek Agarwal

Ich wähle diese Frage zu schließen, wie Off-Topic, weil es kein Problem darstellt, die eine Lösung erfordert. – Shaggy

Responsive Design hat nichts mit einem bestimmten Raster bestimmter Größe zu tun. Responsive Design bedeutet, sich an die unterschiedlichen Auflösungen und Größen des Kunden anpassen zu können. –

Es muss kein 12-Spalten-Raster sein. Responsive Webdesign basiert auf der Tatsache, dass die Elemente innerhalb der Seite sich an unterschiedliche Bildschirmauflösungen anpassen. Sie könnten ein 2-Spalten-Raster haben, wenn Sie möchten. –

Weil es magische Zahl teilbar durch 1, 2, 3, 4 und 6

Quelle

2016-05-24 08:15:25

Die Tatsache, die 12 column grid Arbeiten mit devisible Zahlen, bis 1 ist der wichtigste Grund, es populär wurde.

Sagen Sie bitte 25% Breite wollen:

für 12 Regeln in Ihrem CSS nur

col-md-4 vs col-md-25

Die zweite Option würden Sie benötigen, um 100 Breite Regeln in Ihrem CSS, während die erste fragt . Das ist nicht schlecht, wenn dies Ihre einzige Option ist, aber Sie wollen keine 100 Regeln für die Spalten. Das würde die Dateigröße und Wartbarkeit erhöhen.

Die 12 column grid ist nur eine Vorliebe für gängige Frameworks. Das neue Zurb Foundation framework bietet die Möglichkeit, das Rasterlayout mit der Auswahl horizontaler Elemente zu ändern. Ich glaube, aber ich bin nicht sicher, dass Bootstrap diese Option auch mit ihrem neuen TWBS4-Framework geben wird, da Sie die SASS-Implementierung leicht ändern können, indem Sie einige Variablen ändern.

http://foundation.zurb.com/sites/docs/grid.html#sass-reference

Quelle

2016-05-24 08:38:39 Randy

Warum ist Responsive Web Design 12 Spaltengitter?

Antwort

Verwandte Themen