HTML und CSS · Junior · Frage 25 von 75
Wie schreibt man Media Queries beim Mobile-first-Ansatz meist?
- 1Mit
min-width: Basis-Styles für Mobilgeräte, Ergänzungen für größere Bildschirme - 2Mit
max-width: Basis-Styles für Desktop, dann Vereinfachungen für Mobilgeräte - 3Mit
orientation: portraitfür alle Fälle
Antwort zeigen
Richtige Antwort: Mit min-width: Basis-Styles für Mobilgeräte, Ergänzungen für größere Bildschirme
Erklärung
Bei Mobile-first richtet sich das Basis-CSS an kleine Bildschirme, und @media (min-width: ...) fügt Styles hinzu, wenn der Bildschirm wächst. Mobilgeräte bekommen die wenigsten Überschreibungen, und Styles lassen sich leichter aufbauen. max-width ist Desktop-first. Die Breakpoints von Tailwind folgen demselben Prinzip.