Дизайн/Медиа · бесплатно

Конвертер CSS-единиц

Переводите значения между px, rem, em, vw и vh. Для точного результата задайте root font-size, текущий em-контекст и размеры viewport.

Локальная обработка. Введённые данные остаются в этой вкладке и не отправляются на CPA.TG.
Результат
Результат появится здесь.

Практика

Когда пригодится

  • Перевести макет из px в rem.
  • Рассчитать fluid-размер во vw.
  • Сверить em внутри вложенного компонента.
Как пользоваться

Три шага

  1. Введите исходные данные.
  2. Выберите режим и запустите обработку.
  3. Проверьте и скопируйте результат.
Короткие ответы

Частые вопросы

Чем rem отличается от em?

rem зависит от font-size корневого элемента, а em — от размера шрифта текущего контекста.

Почему vw зависит от ширины?

1vw равен одному проценту ширины viewport; поэтому для конвертации нужен выбранный размер окна.