REM привязан к размеру шрифта корневого элемента, поэтому макет масштабируется при изменении настроек браузера. PX задаёт фиксированный размер.
Конвертер помогает перевести значения из макета в rem и обратно, если известен базовый размер — обычно 16 px.
Как работает
1 rem = размер шрифта html. Чтобы перевести px в rem, разделите значение на базовый размер. Чтобы получить px, умножьте rem на базовый размер.
Если пользователь изменил размер шрифта в браузере, rem масштабируется, а px — нет. Это важно для доступности.
Частые вопросы
Какой базовый размер использовать?
Обычно 16 px — стандарт браузеров. Если в проекте другой html { font-size }, укажите его.
Когда лучше px, а когда rem?
REM удобен для текста и отступов, px — для тонких границ и элементов, которые не должны масштабироваться.
Влияет ли zoom браузера?
Zoom масштабирует всю страницу, а rem зависит от корневого шрифта. Это разные механизмы.