<?xml version="1.0" encoding="UTF-8"?>
<feature id="media-query-range-syntax"><name>Media query range syntax</name><description>The range syntax of CSS media queries allows you to use mathematical comparison operators such as &lt;, &gt;, &lt;=, and &gt;= to define a range of values for a media query. For example, (400px &lt; width &lt; 1000px) returns true if the viewport width is between 400px and 1000px.</description><group>media-queries</group><group_name>Media queries</group_name><baseline><status>widely</status><low_date>2023-03-27</low_date><high_date>2025-09-27</high_date></baseline><support><browser name="chrome" version="104" supported="true"></browser><browser name="firefox" version="102" supported="true"></browser><browser name="safari" version="16.4" supported="true"></browser><browser name="edge" version="104" supported="true"></browser><browser name="chrome_android" version="104" supported="true"></browser><browser name="firefox_android" version="102" supported="true"></browser><browser name="safari_ios" version="16.4" supported="true"></browser></support><specifications><spec>https://drafts.csswg.org/mediaqueries-4/#mq-range-context</spec></specifications><caniuse><id>css-media-range-syntax</id></caniuse><mdn_url>https://developer.mozilla.org/docs/Web/CSS/Reference/At-rules/@media</mdn_url><compat_features><key>css.at-rules.media.range_syntax</key></compat_features><canonical_url>https://nowyoucanuse.com/features--media-query-range-syntax.html</canonical_url></feature>