Введите число
1 px = 0,0625 rem
Открыть в «Конвертер PX в REM»Формула
rem = px ÷ 16
Как перевести
Чтобы перевести px в rem, разделите значение на 16. Например, 32 px = 2 rem.
Таблица перевода
| px | rem |
|---|---|
| 1 px | 0,0625 rem |
| 2 px | 0,125 rem |
| 4 px | 0,25 rem |
| 8 px | 0,5 rem |
| 10 px | 0,625 rem |
| 12 px | 0,75 rem |
| 14 px | 0,875 rem |
| 16 px | 1 rem |
| 18 px | 1,125 rem |
| 20 px | 1,25 rem |
| 24 px | 1,5 rem |
| 32 px | 2 rem |
| 48 px | 3 rem |
| 64 px | 4 rem |
Таблица рассчитана для: базовый размер шрифта 16px. Измените настройки в конвертере выше под свой проект.
Об этих единицах
Браузеры переводят любую длину CSS в пиксели. rem зависит от размера шрифта корневого элемента, em — от размера шрифта родителя; в основных браузерах оба равны 16px, если страница или пользователь их не меняли. 1pt — это 1/72 дюйма, 1px — 1/96 дюйма, значит 1pt = 1,333px. vw — 1 % ширины вьюпорта, поэтому его размер в пикселях зависит от экрана.
Частые вопросы
› Как перевести px в rem?
1 px = 0,0625 rem. Чтобы перевести, разделите значение на 16: 32 px = 2 rem.
› Сколько px в 1 rem?
1 rem = 16 px. Обратная формула: px = rem × 16.
› Зачем использовать rem вместо px?
Размеры в rem следуют настройке размера шрифта в браузере пользователя, что важно для доступности, а изменение одного корневого значения согласованно масштабирует весь макет.
› Чем rem отличается от em?
rem всегда берёт размер шрифта корневого элемента (html). em берёт размер шрифта родителя, поэтому вложенные значения em перемножаются.