Zweifel über Grid-Systeme

Question

Ich verstehe nicht sehr gut, warum Grids im CSS-Layout wichtig sind. Warum zum Beispiel Grids besser nutzen als ein flüssiges Layout mit Prozentsätzen erstellen und den Inhalt mit Medienabfragen anpassen? Ich habe auch gelesen, dass Grids mehr für die größeren Layoutteile wie Kopf- und Fußzeile sind. Aber im Allgemeinen haben diese Abschnitte immer den gleichen Hintergrund und ein einfaches Layout, daher verstehe ich auch nicht, warum die Raster in diesem Fall wichtig sind. Vielleicht mit einem Beispiel ist es einfach, die Bedeutung von Gittern zu verstehen. Wissen Sie, wo Sie ein Beispiel für die Zuordnung eines Layouts wie ein PSD-Layout zu einem Raster finden?

Answer 1

CSS Grids sind eine relativ neue Spezifikation, tatsächlich von Microsoft in Edge (glaube ich) initiiert. Es ist auch eines der am meisten verwirrenden layoutbezogenen Ergänzungen im CSS-Ökosystem in letzter Zeit, weshalb wahrscheinlich viele Leute Zweifel haben, es zu benutzen.

Einige Vorteile:

• für Behälter Reduziert müssen, damit Sie schreiben mehr semantisches Markup zu helfen.
• Ermöglicht für verrückt Layout Umordnung innerhalb CSS-nur, was nicht möglich war, bevor
• Verstärkt komponentenbasierte Design, wo Ihre meisten Top-Komponente ist das Layout-Raster selbst und alles andere passt einfach magisch in.
• Es gibt erweiterte Vorteile CSS Grids ...

Nachteile:

• (Mangel an) Browserunterstützung (66,65% als diese und 60,75% in meinem Land zu schreiben).
• Confusing spec (wohl) und fehlende Tutorials, weil es ziemlich jung ist.
• Sehr unterschiedliche Herangehensweise an Layouts als zuvor.
• Browser Inkonsistenzen (siehe MSEdge, wie sie ihre eigene Spezifikation verwendet hat)

Als Front-End-Entwickler, oder sogar einen Web-Designer, ich denke, es ist wichtig, neue Technologien zu lernen, immer oben zu bleiben die Falte mit Informationen. Bei Ihrer letzten Frage glaube ich nicht, dass es lange dauern wird, bis wir Tools haben, die PSD-Layouts einem CSS-Grid-System zuordnen.