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