Конвертер 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 рассчитывается относительно базового размера шрифта страницы (при базе 16px значение 1rem равно 16px). Единица em рассчитывается относительно размера шрифта элемента, в котором она находится. Использование rem для шрифтов и отступов позволяет интерфейсу корректно масштабироваться, когда пользователь меняет настройки шрифта по умолчанию в своем браузере.
Зачем нужен отдельный контекстный размер для em?
Единица em рассчитывается относительно размера шрифта родительского элемента, который не всегда совпадает с базовым (root). Укажите в поле контекста em размер шрифта этого родительского элемента для точного расчета, или оставьте его равным базовому, если они совпадают.
Что делать, если базовый размер шрифта отличается от 16px?
Просто измените значение в поле базового размера шрифта, чтобы оно соответствовало вашему CSS, и все значения rem мгновенно пересчитаются. Таблица ниже служит удобным справочником для стандартной базы в 16px, с которой начинается разработка большинства сайтов.