Max-Width vs. Min-Width
Die meisten Tutorials, die ich zur Verwendung von Medienabfragen lese, veranschaulichen die Verwendung vonmin-width
, aber ich sehe selten Leute, die es benutzenmax-width
.
Ist dies eine Art Designtrend oder Muster, warum Menschen verwendenmin-width
Übermax-width
?
Zum Beispiel entwerfe ich eine Website, die von Mobilgeräten bis hin zum Desktop reicht. Ich verwende Foundation 4, verwende jedoch Medienabfragen, um verschiedene Elemente auf der Seite zu entfernen und die Quellreihenfolge neu zu positionieren.
Eine Sache, der ich gegenüberstehe, ist eine benutzerdefinierte Navigation für jedes Gerät, dessen Breite 360px oder weniger beträgt. Ich möchte, dass sie eher eine vertikale Navigation als eine horizontale Inline-Navigation haben. Also war meine Idee zu nutzenmax-width
auf diese Geräte abzielen.
Soll ich verwendenmin-width
Stattdessen, wenn ich zuerst ein Handy entwerfe? Das heißt Alle Standardstile sind für Mobilgeräte und werden daher verwendetmin-width
das Layout schrittweise zu verbessern?