Перевод не завершен. Пожалуйста, помогите перевести эту статью с английского.

Media Queries - ключевой компонент отзывчивого дизайна, который делает возможным для CSS адаптироваться в зависимости от различных парметров или характеристик устройства. Например, media query может применить различные стили если экран меньше определенного размера, или в зависимости от того находится устройство в портретном или альбомном режиме. @media at-правило используется чтобы задать условия применения стилей к документу.

Кроме того, media query синтаксис используется в других контекстах, таких как атрибут media элемента <source>, который может быть установлен в media query строку, чтобы определять нужно или нет использовать этот источник, когда выбирается определенное изображение для использования в элементе <picture>.

In addition, the Window.matchMedia() method can be used to test the window against a media query. You can also use MediaQueryList.addListener() to be notified whenever the state of the queries changes. With this functionality, your site or app can respond to changes in the device configuration, orientation, or state.

You can learn more about programmatically using media queries in Testing media queries.

Reference

At-rules

Guides

Using media queries
Introduces media queries, their syntax, and the operators and media features which are used to construct media query expressions.
Testing media queries
Describes how to test media queries from your JavaScript code, programmatically, to determine the state of the device, and to set up listeners that let your code be notified when the results of media queries change (such as when the user rotates the screen, causing an orientation change).

Specifications

Specification Status Comment
CSS Conditional Rules Module Level 3 Кандидат в рекомендации  
Media Queries Level 4 Рабочий черновик  
Media Queries Рекомендация  
CSS Level 2 (Revision 1) Рекомендация Initial definition

Browser compatibility

Feature Chrome Edge Firefox (Gecko) Internet Explorer Opera Safari
Basic support 1.0 (Да) 1.0 (1.7 или ранее) 9.0 9.2 1.3
Feature Android Edge Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support 1.0 (Да) 1.0 (1.7) 9.0 9.0 3.1

Метки документа и участники

 Внесли вклад в эту страницу: tropikan4, Sheppy
 Обновлялась последний раз: tropikan4,