Как пользоваться
- 1
Укажите базовый размер шрифта корневого элемента.
- 2
Введите значение px или rem.
- 3
Получите эквивалент в другой единице.
Что умеет инструмент
- Преобразование px ÷ root size = rem.
- Преобразование rem × root size = px.
- Дробные числовые значения.
Когда пригодится
- Перенос размеров из макета в относительные CSS-единицы.
- Проверка значения при нестандартном root font size.
- Обратный расчёт rem для сравнения с пиксельным макетом.
Что происходит внутри
1rem равен вычисленному размеру шрифта корневого элемента html.
Значение 16 px используется часто, но не является обязательным для любого проекта.
Вопросы и ответы
Почему 16 px часто равно 1rem?
Во многих браузерах 16 px — стандартный root font size, если сайт или пользователь его не изменили.
Чем rem отличается от em?
rem зависит от корневого размера шрифта, а em обычно зависит от font-size текущего или родительского контекста.
