Формула
1rem = root px · 1em = element px · 1pt = 96/72 px
Нормализуйте исходную единицу до эталонных пикселей CSS, а затем разделите ее на контекстный пиксельный коэффициент целевой единицы.
Изображение и экран
● Запускается локальноКонвертер единиц измерения CSS
Преобразуйте стандартные длины CSS только в том случае, если их требуемый контекст очевиден. Укажите размеры шрифта корневого и текущего элемента, чтобы rem и em не предполагали молчаливо одну и ту же основу.
Примеры значений
Преобразованная длина CSS
Предположения
- Размеры корневого шрифта и шрифта элемента строго положительные.
- Используется эталонный пиксель CSS, а не измеренный физический пиксель экрана.
Этот инструмент предполагает справочное соотношение CSS 1in = 96px и 1pt = 1/72in. Единицы и проценты области просмотра исключены.
Обзор формул
Formula v1.0.0
Рассмотрено 2026-08-03
CalcFlow engineering review
Конвертер единиц измерения CSS: Рабочий пример
При корне 16 пикселей 24 пикселей ÷ 16 = 1,5 рем. По правилу эталонного пикселя 24 пикселя также равны 18 пт.
Часто задаваемые вопросы
В чем разница между rem и em?
rem использует размер шрифта корневого элемента. em использует контекст размера шрифта текущего элемента.
Почему проценты исключены?
Процент может зависеть от разных свойств и содержащихся блоков, поэтому одного скалярного контекста недостаточно.
Является ли CSS px физическим пикселем?
Не обязательно. CSS определяет эталонный пиксель, который браузеры сопоставляют с пикселями устройства в соответствии с отображением и масштабированием.