Как этим пользоваться?

Введите число, выберите его единицу (px, rem или em), задайте базовый размер шрифта и нажмите «Выполнить» — все три единицы посчитаются вместе и добавятся ниже.

Чем отличаются rem и em?

rem всегда считается от корня документа (элемента html), а em — от непосредственного родителя. Поэтому rem предсказуем, а em накапливается по мере вложенности. Инструмент берёт введённый базовый размер для обоих, чтобы их можно было сравнить рядом.

Почему база 16px?

Большинство браузеров задают размер шрифта документа 16px, поэтому здесь он по умолчанию. Если в вашем проекте другой корневой размер — впишите его. А поскольку em считается от родителя, для сверки с реальной страницей укажите размер родителя.

Конвертер px ↔ rem ↔ em (единицы CSS)

Конвертер px ↔ rem ↔ em

Переводите px, rem и em относительно базового размера шрифта — 24px это 1.5rem. Удобно, когда меняете единицы в адаптивной вёрстке.

Введите значение и единицу, нажмите «Выполнить» —
результаты будут собираться здесь.

Настройки

Значение

Единица

Базовый размер шрифта (px)

В браузерах обычно 16px по умолчанию. Так как em считается от родительского элемента, для сверки с реальной страницей укажите здесь размер шрифта родителя.

Конвертер px ↔ rem ↔ em

Настройки

Частые вопросы

Конвертер px ↔ rem ↔ em

Настройки

Частые вопросы

Конвертер px ↔ rem ↔ em

Настройки

Похожие инструменты

Частые вопросы

Конвертер px ↔ rem ↔ em

Настройки

Похожие инструменты

Частые вопросы