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