Конвертер PX в REM

Переводите пиксели CSS и rem по размеру базового шрифта.

Формула Экраны и дизайн

REM

Пункты: 18 pt
Процент от базового размера: 150 %

Как это работает

Один rem равен размеру шрифта корневого элемента html, в браузерах по умолчанию 16 px. Деление значения в пикселях на базовый размер даёт rem; умножение rem на базовый размер даёт пиксели.

Em работает так же, но относится к размеру шрифта родительского элемента, поэтому он равен rem, только когда родитель использует базовый размер.

В CSS 1 px определён как 1/96 дюйма, а 1 pt — как 1/72 дюйма, поэтому 1 px = 0.75 pt.

Формула

rem = px ÷ базовый размер
px = rem × базовый размер
pt = px × 0.75

Пример расчёта

При базовом размере 16 px величина 24 px равна 24 ÷ 16 = 1.5 rem, что составляет 18 pt и 150% от базового размера.

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

Зачем использовать rem вместо px?

Размеры в rem масштабируются, когда пользователь меняет стандартный размер шрифта в браузере, что помогает доступности.

В чём разница между rem и em?

Rem относится к корневому элементу; em — к родительскому элементу текущего, поэтому вложенные значения em накапливаются.