So, noch eine Frage (oder mehrere) hinterher an die, die selbst Hand anlegen und nicht nur fertige CMS und Templates nutzen. Wo und warum legt Ihr Breakpoints fest? Arbeitet Ihr mit min-width oder max-width? Auch hier sagt der eine so, der andere so. Und in welcher Reihenfolge, kleine nach große Auflösung oder groß nach klein?
Mit den "Richtungen" sehe ich bei beiden Modellen Vor- und Nachteile, auch mit "Min" oder "Max", aber ich bekomme da keinen Schuh draus.
Von "klein nach groß" ist es eher optimiert für mobile Zugriffe. Klar, der Browser weiß schneller, welche Media-Query für ihn zuständig ist. Gleichzeitig bläht es aber auch den CSS-Code auf, da es dann nach unten hin immer mehr wird an Anweisungen. Ich empfinde das als wesentlich schwieriger wartbar. "groß nach klein" ist halt genau umgedreht, erst kommt das eigentliche CSS für die großen Ansichten (wie bei der anderen Version auch), dann wird per neuer Media-Query jeweils überschrieben. Die werden dann rein als Code aber immer weniger. Klar, es ist mehr Aufwand für den Browser, da er erst die erste Anweisung bekommt, dann merkt, es gibt eine andere, überschreiben, dann noch eine und noch eine usw.
Im Grunde ist die Frage nach dem "min-width oder max-width" die gleiche, denn es erfordert ein ganz anderes CSS-Design. Ich persönlich war bis heute immer der Befürworter von "max-width", eben weil das auch einfach zu handhaben ist, aber ist das sinnvoll?
Und zum Schluss, die Breakpoints. Die machen mich echt kirre, bei mir, aber auch auf anderen Seiten:
Dazu muss ich erst mal sagen, ich nutze in der Regel ein 3-Spalten-Layout. Je nach Breite werden dann Spalte links und rechts verkleinert, Content passt sich an. Wird es zu eng, dann verschwindet die rechte Spalte und es entsteht ein 2-Spalten-Layout. Noch viel kleiner, wird es dann nur noch eine Spalte. Aber wo da genau die Grenzen ziehen? Klar, die eindeutigen Mobilgeräte, die bekommen eine Spalte, die eindeutigen Desktops drei. Aber das dazwischen, das kann ja im Grunde alles sein. Mein Tablet hat z.B. auf seinen 10,1 Zoll eine höhere Auflösung als mein Laptop auf seinen 15 Zoll.
Wenn ich mal nach Bootstrap oder anderen fertigen CMS gehe, dann arbeiten die in der Regel mit 3-4 Media-Queries, ich habe hier aktuell an die 12! Aber die machen oft nicht viel, teils nur ein Element der Seite neu machen. Im Grunde machen nur 4 wirklich Layout, also Anzahl der Spalten.
Daher die Frage, wie Ihr das macht, denkt, wollt, erwartet. Ich für meinen Fall finde es fürchterlich, bei schon 640px auf 1-Spalten-Layout zu wechseln, wenn zwei auch noch passen. Ganz besonders dann hier nervend, wenn ich mal in den Split-Screen gehe und dann eben jede Seite nur noch knapp 1000px hat. 50% sind normal bedienbar, 50% wechseln da schon in den Mobilmodus. Am Desktop ist das fürchterlich, alleine schon Bilder, die dann teils 100% gezoomt werden. Das Forum hier genauso, ab 1024 oder kleiner, Mobilmodus. Finde ich fürchterlich. Was soll ich damit, ich habe eine Maus und kann normal klicken.