PX в REM

Конвертируйте px в rem — мгновенно в вашем браузере, ничего не загружается.

Convert a whole CSS block

CSS with rem values

Выбор размера в rem вместо пикселей позволяет масштабировать макет в соответствии с настройкой размера шрифта браузера пользователя, что лучше для доступности. Этот бесплатный конвертер пикселей в rem выполняет математические вычисления с размером вашего корневого шрифта (по умолчанию 16 пикселей), а также может перезаписать весь блок CSS сразу, заменяя каждое значение в пикселях его эквивалентом в rem. Все это работает в вашем браузере, поэтому ничего не загружается и после загрузки работает в автономном режиме.

Часто задаваемые вопросы

Как мне преобразовать px в rem?

Введите значение в поле выше, и преобразованный результат появится сразу же с использованием установленного вами корневого размера шрифта (16 пикселей — значение браузера по умолчанию). Чтобы преобразовать множество значений одновременно, вставьте целый блок CSS во второе поле, и каждое значение px автоматически перезапишется на rem.

Какова формула?

rem = px ÷ размер корневого шрифта. При корневом значении по умолчанию 16 пикселей 24 пикселя становятся 1,5 rem. Если в вашем проекте установлен другой размер корневого шрифта, измените базовое поле, и все пересчитается.

Зачем использовать рем?

rem масштабируется в соответствии с выбранным пользователем размером шрифта браузера, поэтому текст и интервалы увеличиваются для людей, которым нужен более крупный шрифт — выигрыш в доступности, которого не допускают фиксированные размеры в пикселях.

Изменяет ли он 0 значений или значения внутри других единиц?

Ноль остается простым 0 (единицы измерения не нужны), и затрагиваются только значения в пикселях — проценты, единицы просмотра и другие длины остаются такими же, какие они есть. Ваша структура CSS, комментарии и форматирование сохраняются.

Это бесплатно и конфиденциально?

Да. Это совершенно бесплатно, без регистрации, а преобразование представляет собой простую арифметику, выполняемую в вашем браузере: ничего не загружается, и после загрузки страницы все работает в автономном режиме.