Инструмент для разработчиков
Конвертер PX в REM и EM
Мгновенно переводите пиксели в rem или em. Настройте базовый размер шрифта и копируйте аккуратные CSS-ready значения.
Результат
1.5rem
24px = 1.5rem
Популярные значения для базы 16px
4px = 0.25rem
8px = 0.5rem
12px = 0.75rem
14px = 0.875rem
16px = 1rem
18px = 1.125rem
20px = 1.25rem
24px = 1.5rem
32px = 2rem
40px = 2.5rem
48px = 3rem
64px = 4rem
Пакетный конвертер
Конвертация px в rem внутри CSS
Что такое rem?
rem зависит от размера шрифта корневого HTML-элемента. По умолчанию в большинстве браузеров это 16px.
Что такое em?
em зависит от размера шрифта родительского элемента.
Зачем использовать rem или em?
Они помогают создавать масштабируемые и более доступные интерфейсы.