Мгновенно конвертируйте все 14 единиц измерения CSS. Введите px, rem, em, vw, vh, pt, cm, in или любую другую единицу измерения и сразу же увидите все варианты преобразования благодаря поддержке контекстных относительных единиц.
1616px1212pt11pc0.42330.4233cm4.234.23mm0.16670.1667in11rem11em100100%1.111.11vw1.781.78vh1.781.78vmin1.111.11vmax22chЕдиницы измерения CSS делятся на две категории: абсолютные единицы, которые соотносятся с фиксированным физическим размером или размером экрана, и относительные единицы, которые масштабируются в зависимости от контекста, такого как размер шрифта или размеры области просмотра. К абсолютным единицам относятся px, pt, pc, cm, mm и in. К относительным единицам относятся rem (относительно корневого размера шрифта), em (относительно размера шрифта родительского элемента), % (процент от размера родительского элемента), vw и vh (ширина и высота области просмотра), vmin и vmax (меньшее или большее из vw и vh) и ch (ширина нулевого символа в текущем шрифте).
Введите значение и выберите исходную единицу измерения. Конвертер сразу же покажет эквивалентное значение во всех 13 других единицах. Для правильного расчёта относительных единиц разверните контекстную панель и установите размер шрифта корневого элемента (обычно 16px), размер шрифта родительского элемента и размеры области просмотра. Эти значения по умолчанию соответствуют стандартной среде браузера, поэтому большинство преобразований работает без их изменения.
Этот инструмент полезен при преобразовании спецификации дизайна из пикселей (px) в rem для обеспечения соответствия требованиям доступности, при проверке поведения размеров, привязанных к области просмотра, при определённой ширине экрана, а также для понимания того, как единицы em каскадируются внутри вложенных элементов. Инженеры часто используют его при переносе кодовой базы с макетов, основанных на пикселях (px), на систему единиц rem или гибких единиц.