В чем разница между значениями величин в CSS

В CSS есть несколько типов величин: абсолютные (px, pt, cm), относительные (em, rem, %, vw, vh) и специальные (auto, inherit).

• Абсолютные (px) фиксированы и не зависят от других параметров.
• Относительные:
  • em — зависит от размера шрифта родителя.
  • rem — зависит от размера шрифта корневого элемента (html).
  • % — зависит от размера родительского элемента.
  • vw/vh — процент от ширины/высоты окна.

Пример:

.parent { font-size: 16px; }  
.child { font-size: 1.5em; } /* 24px (1.5 * 16px) */  
.root { font-size: 1.5rem; } /* Зависит от html (по умолчанию 16px → 24px) */  

Используйте rem для масштабируемости, vw/vh для адаптивности.