<?xml version="1.0" encoding="UTF-8"?>
<feature id="media-queries"><name>Media queries</name><description>The @media CSS rule conditionally applies styles based on the output device type, its capabilities, and the user&#39;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.</description><group>media-queries</group><group_name>Media queries</group_name><baseline><status>widely</status><low_date>2015-07-29</low_date><high_date>2018-01-29</high_date></baseline><support><browser name="chrome" version="1" supported="true"></browser><browser name="firefox" version="1" supported="true"></browser><browser name="safari" version="3" supported="true"></browser><browser name="edge" version="12" supported="true"></browser><browser name="chrome_android" version="18" supported="true"></browser><browser name="firefox_android" version="4" supported="true"></browser><browser name="safari_ios" version="1" supported="true"></browser></support><specifications><spec>https://drafts.csswg.org/mediaqueries-5/</spec></specifications><caniuse><id>css-mediaqueries</id></caniuse><mdn_url>https://developer.mozilla.org/docs/Web/CSS/Reference/Values/ratio</mdn_url><compat_features><key>css.at-rules.media</key><key>css.at-rules.media.aspect-ratio</key><key>css.at-rules.media.calc</key><key>css.at-rules.media.color</key><key>css.at-rules.media.color-index</key><key>css.at-rules.media.grid</key><key>css.at-rules.media.height</key><key>css.at-rules.media.media_features</key><key>css.at-rules.media.media_query_values</key><key>css.at-rules.media.monochrome</key><key>css.at-rules.media.nested-queries</key><key>css.at-rules.media.or_syntax</key><key>css.at-rules.media.orientation</key><key>css.at-rules.media.width</key><key>css.types.ratio</key><key>css.types.ratio.number_value</key></compat_features><canonical_url>https://nowyoucanuse.com/features--media-queries.html</canonical_url></feature>