Миттєво конвертуйте між 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.