Одна и та же цифра —
10
— в разных единицах
html { font-size }
16px
.parent { font-size }
16px
ширина контейнера
100%
10px → всегда
100px
10em → от родителя, сейчас
10rem → от html, сейчас
10ch → ширина десяти нулей,
10% → от контейнера,
10vw → от ширины окна,
10vh → от высоты окна,
не зависит ни от чего
зависит от шрифта
зависит от окна