Переведите CSS-единицы px, rem, em и pt с учётом базового шрифта.
В вёрстке используются разные единицы: px (пиксели), em и rem (относительно размера шрифта), % и vw/vh (относительно контейнера и окна), pt (пункты). Инструмент переводит между ними, помогая перейти от фиксированных пикселей к относительным единицам для адаптивной вёрстки.
Относительные единицы делают интерфейс масштабируемым: если пользователь увеличит базовый шрифт, размеры в rem подстроятся, а в px — нет. Перевод px → rem при базовом размере 16px — частая задача при переходе на доступную и гибкую вёрстку.
rem всегда считается от размера шрифта корневого элемента, а em — от размера шрифта родителя. rem предсказуемее и обычно удобнее.
По умолчанию в браузерах 16px. От него обычно и считают: 1rem = 16px, 1.5rem = 24px.
Когда размер должен зависеть от окна: 100vh — высота экрана, 50vw — половина ширины. Удобно для полноэкранных блоков.