media queries staffeln

[Auge]

Hallo

Es funktioniert alles wunderbar. Ich habe nun auch nur drei Breakpoints angelegt und mich mit dem Thema mobile-first begonnen auseinanderzusetzen.

Schön. :-)

Ein Frage hätte ich da aber noch. Kann ich denn die Media-Queries getrennt von den anderen CSS Angaben in eine separate CSS-Datei auslagern un dann per @import "queries.css"; einfügen? Oder kann es da zu Problemen führen? Mir geht es nur darum, mich im CSS-Dschungel besser zurechtzufinden.

Ja, du kannst das auslagern und auf die beschriebene Art einbinden. Aber jetzt kommt das „Aber“.

Aber jede einzeln abgefragte Ressource, also das oder die HTML-Dokumente, Bilder, JS- und eben auch CSS-Dateien brauchen zusätzlich zur Übertragung der Daten an sich Zeit für die Aushandlung der Verbindung und die HTTP-Header. Zudem sind so nicht alle CSS-Regeln am Stück da, was dazu führen kann, dass erst ungeeignete oder gar keine Regeln angewandt werden und die Seite nach 1 bis 2 Sekunden umgebaut wird, weil erst dann die Datei mit den passenden Regeln eintrifft. Das will man nicht. Nicht als Nutzer und auch nicht als Betreiber, der das auf's Butterbrot geschmiert bekommt.

Tschö, Auge