Конвертер px у rem та em
Конвертуйте значення між px, rem та em на основі ваших базових та контекстних розмірів шрифтів — змінюйте будь-яке поле, а інші оновлюватимуться на льоту.
| px | rem |
|---|---|
| 8 | 0.5 |
| 12 | 0.75 |
| 14 | 0.875 |
| 16 | 1 |
| 18 | 1.125 |
| 20 | 1.25 |
| 24 | 1.5 |
| 32 | 2 |
| 40 | 2.5 |
| 48 | 3 |
Усі обчислення виконуються у вашому браузері. Введені дані не надсилаються на BroBroGo.
Поширені запитання
Яка різниця між px, rem та em?
px — це фіксована довжина. rem вимірюється відносно базового (root) розміру шрифту сторінки (при базі 16px, 1rem дорівнює 16px). em вимірюється відносно розміру шрифту елемента, в якому він знаходиться. Використання rem для текстів та відступів дозволяє всьому інтерфейсу масштабуватися, коли користувач змінює стандартний розмір шрифту в налаштуваннях браузера.
Навіщо потрібен окремий контекстний розмір em?
Одиниця em розраховується відносно розміру шрифту власного елемента, який не завжди збігається з базовим (root). Вкажіть у полі контексту em розмір шрифту цього батьківського елемента для правильного розрахунку, або залиште його рівним базовому, якщо вони збігаються.
Що робити, якщо мій базовий розмір шрифту не 16px?
Змініть значення в полі базового розміру шрифту (root), щоб воно відповідало вашому CSS, і всі значення rem миттєво перерахуються. Наведена нижче таблиця є зручним орієнтиром для стандартної бази 16px, з якої починається більшість сайтів.