Css правило @media, медіа запити

Використовується для телеекранів.

Особливості пристроїв для медіа запитів

Визначає кількість біт на колір для пристрою. Може мати префікс "min" або "max".

Вказує кількість кольорів, яке пристрій може відображати. Може мати префікс "min" або "max".

Визначає співвідношення ширини і висоти пристрою виведення. Значення складається з двох позитивних чисел, розділених прямий косою рисою (слешем). Перше число являє собою кількість пікселів по горизонталі, друге по вертикалі. Може мати префікс "min" або "max".

Вказує количесвто біт на піксель для пристроїв з монохромними екранами. Може мати префікс "min" або "max".

Вказує дозвіл (щільність пікселів) пристрою виводу. Може бути вказана в dpi (точок на дюйм) або в dpcm (точок на сантиметр). Може мати префікс "min" або "max".

Визначає процес сканування телевізійних пристроїв виведення.

Медіа запити не чутливі до регістру, але дужки навколо умови є обов'язковою частиною синтаксису запиту. Оператор and тут використовується для об'єднання типу пристрою з умовою, але він також може об'єднувати кілька особливостей пристрою разом:

Логічні оператори

На додаток до логічного оператору and (і), медіа запити можуть включати в себе логічне not (не), only (тільки) і or (або). Кома (,) використовується в якості оператора or, тобто кожен запит розглядається індивідуально. Це означає, що за допомогою запитів, розділених комою, можна одне правило @media орієнтувати на різні типи пристроїв і їх особливості.

Оператор not використовується для заперечення умов медіа запиту. Відповідні стилі застосовуються, якщо пристрій не відповідає зазначеним слідом за not параметрам. Наприклад наступне правило застосовується тільки в тому випадку, якщо екран пристрою не 800px в ширину:

Оператор only застосовується, коли потрібно приховати правило @media від старих браузерів, які не підтримують описуваний синтаксис. Браузери, які підтримують медіа запити, оператор only просто проігнорують.