HTML und CSS · Senior · Frage 11 von 75
Warum empfiehlt man für Breakpoints in Media Queries oft em statt px?
- 1
embezieht sich in Media Queries auf die Breite des Elternelements - 2
emin Media Queries berücksichtigt die vom Nutzer eingestellte Schriftgröße - 3
pxfunktioniert in Media Queries in Safari auf iOS falsch
Antwort zeigen
Richtige Antwort: em in Media Queries berücksichtigt die vom Nutzer eingestellte Schriftgröße
Erklärung
In Media Queries beruhen em und rem auf der anfänglichen Schriftgröße des Browsers (meist 16px), nicht auf den Styles der Seite. Vergrößert ein Nutzer die Basisschrift, wechselt das Layout früher in die „schmale“ Variante - der Text wird nicht gedrängt. Mit px passiert das nicht. Tailwind v4 legt Breakpoints aus demselben Grund in rem fest.