🏠 New in High Baseline Support: Media queries

January 29, 2018

caniuse · mdn · spec

The @media CSS rule conditionally applies styles based on the output device type, its capabilities, and the user’s preferences. Media queries are composed of an optional media type such as screen or print, and one or more mandatory media features, such as prefers-reduced-animations.

Source features

• css.at-rules.media [mdn]
• css.at-rules.media.media_features [mdn]
• css.at-rules.media.color [mdn]
• css.at-rules.media.grid [mdn]
• css.at-rules.media.height [mdn]
• css.at-rules.media.width [mdn]
• css.at-rules.media.orientation [mdn]
• css.at-rules.media.aspect-ratio [mdn]
• css.types.ratio [mdn]
• css.at-rules.media.nested-queries [mdn]
• css.at-rules.media.monochrome [mdn]
• css.at-rules.media.calc [mdn]
• css.at-rules.media.or_syntax [mdn]
• css.at-rules.media.color-index [mdn]
• css.at-rules.media.media_query_values [mdn]