Верстка · Senior · Запитання 11 з 75
Чому для брейкпоінтів медіазапитів часто радять em, а не px?
- ✓Правильна відповідь:
emу медіазапитах враховує розмір шрифту, заданий користувачем - 2
pxу медіазапитах некоректно працює в Safari на iOS - 3
emу медіазапитах рахується від ширини батьківського елемента
Пояснення
У медіазапитах em і rem відраховуються від початкового розміру шрифту браузера (зазвичай 16px), а не від стилів сторінки. Якщо користувач збільшив базовий шрифт, макет перемкнеться на «вузьку» розкладку раніше - тексту не буде тісно. З px цього не станеться. Tailwind v4 задає брейкпоінти в rem із тієї самої причини.