Две семьи единиц
Абсолютные — фиксированы физически/по CSS-пикселю: px, pt, cm, mm, in. На экране px — CSS-пиксель (не обязательно device pixel).
Относительные — зависят от контекста: em/rem (шрифт), % (от родителя/содержащего блока), vw/vh/vmin/vmax, ch, ex, container units (cqw).
Для UI и a11y предпочитают rem/em/%/ch, чтобы уважать zoom и user font-size. px уместны для границ в 1px, теней, иногда иконок. «Абсолютные» на печати ближе к физическим размерам.
CSS · senior · сложность 5