CSS поддерживает несколько разных единиц измерения — абсолютные, такие как px и pt, и относительные, такие как rem, em, vw, vh и %. Относительные единицы необходимы для адаптивного, доступного дизайна (rem, в частности, учитывает пользовательские настройки размера шрифта в браузере), но мысленно конвертировать между ними по-настоящему сложно, поскольку результат зависит от контекста: корневого размера шрифта, размера шрифта текущего элемента или размеров области просмотра.
Этот конвертер выполняет эти вычисления за вас: задайте базовый размер шрифта, размеры области просмотра и значение, которое вы конвертируете, и мгновенно увидите эквивалентное значение в каждой другой единице — это полезно для перевода пиксельных измерений макета дизайна в адаптивные значения rem/vw или для проверки того, как реально отображается существующее CSS-правило на экране.