Запропонувати правкуПокращити цю статтюДопрацюйте відповідь до «Що таке media query? Для чого вони використовуються?». Ваші зміни проходять модерацію перед публікацією.Потрібне підтвердженняКонтентЩо ви змінюєте🇺🇸EN🇺🇦UAПереглядЗаголовок (UA)Коротка відповідь (UA)**Media query** - це умова в CSS, яка дозволяє застосовувати різні стилі залежно від характеристик пристрою (ширина екрана, орієнтація, роздільна здатність тощо), для адаптивного дизайну і таргетування пристроїв. **Ключове:** media queries дозволяють змінювати зовнішній вигляд сайту під різні пристрої та умови - це основа responsive-дизайну.Показується над повною відповіддю для швидкого нагадування.Відповідь (UA)ЗображенняMedia query - це умова в CSS, яка дозволяє застосовувати різні стилі **залежно від характеристик пристрою** (ширина екрана, орієнтація, роздільна здатність тощо). Використовуються для: 1. **Адаптивного дизайну** (змінювати верстку під мобільні пристрої, планшети, десктопи) 2. **Таргетування окремих пристроїв** (наприклад, лише принтер або лише екран) 3. **Перемикання стилів при зміні умов** (орієнтація `portrait`/`landscape`, висока щільність пікселів, різні розміри вікна) Базовий приклад для адаптива: ```css @media (max-width: 768px) { .container { font-size: 14px; } } ``` Цей код застосується **лише якщо ширина екрана ≤ 768px**. Отже: **media queries дозволяють змінювати зовнішній вигляд сайту під різні пристрої та умови, - основа responsive-дизайну.**Для рев’юераПримітка для модератора (необов’язково)Бачить лише модератор. Прискорює рев’ю.