HTML i CSS · Senior · Pytanie 11 z 75
Dlaczego dla breakpointów w media queries często zaleca się em zamiast px?
- ✓Poprawna odpowiedź:
emw media queries uwzględnia rozmiar czcionki ustawiony przez użytkownika - 2
pxw media queries działa niepoprawnie w Safari na iOS - 3
emw media queries jest liczony od szerokości elementu rodzica
Wyjaśnienie
W media queries em i rem opierają się na początkowym rozmiarze czcionki przeglądarki (zwykle 16px), a nie na stylach strony. Jeśli użytkownik powiększy bazową czcionkę, układ wcześniej przełączy się na „wąską” wersję - tekst nie będzie ściśnięty. Z px tak się nie stanie. Tailwind v4 definiuje breakpointy w rem z tego samego powodu.