Приклад: 24px → 1.5em (база 16px)
Приклад: 1.5em → 24px (база 16px)
| Px | Em | Поширене використання | Дії |
|---|
Px (Пікселі):Абсолютна одиниця з фіксованим розміром, яка не змінюється з налаштуваннями браузера. 1px дорівнює одному фізичному пікселю на екрані.
Em:Відносна одиниця, заснована на розмірі шрифту поточного елемента. 1em дорівнює розміру шрифту поточного елемента. Якщо поточний елемент не має встановленого розміру шрифту, він успадковується від батьківського елемента.
Формули конвертації:
• Px → Em: em = px ÷ базовий розмір шрифту
• Em → Px: px = em × базовий розмір шрифту
Рекомендації щодо використання:Використання одиниць em робить вашу сторінку більш адаптивною та доступною, дозволяючи користувачам регулювати розмір шрифту через налаштування браузера. Типовий розмір шрифту браузера — 16px.