Чим відрізняються абсолютні та відносні одиниці?
Абсолютні одиниці
Абсолютні одиниці - це фіксовані значення, які не залежать від налаштувань екрана, масштабу чи шрифту.
Приклад: px, cm, mm, in, pt, pc.
Якщо елементу задано width: 200px;, він буде 200 пікселів за будь-яких умов.
Відносні одиниці
Відносні одиниці - це одиниці, які залежать від контексту: розміру екрана, шрифту або viewport'а. Приклади і від чого залежать:
| Одиниця | Від чого залежить |
|---|---|
% | від розміру батьківського елемента |
em | від поточного розміру шрифту елемента |
rem | від розміру шрифту кореня (html) |
vw | від ширини viewport'а (1vw = 1% ширини) |
vh | від висоти viewport'а (1vh = 1% висоти) |
fr | від вільного місця в Grid |
Головна відмінність
| Абсолютні | Відносні |
|---|---|
| Завжди фіксовані | Масштабуються залежно від контексту |
| Можуть ламати адаптивність | Забезпечують гнучкість і адаптивність |
Підсумок
Абсолютні одиниці - статичні значення. Відносні - гнучкі, адаптивні, залежать від оточення.
Коротка відповідь
Для співбесідиPremium
Коротка відповідь допоможе вам впевнено відповідати на цю тему під час співбесіди.