🏠 New in Low Baseline Support: Media query range syntax
March 27, 2023
The range syntax of CSS media queries allows you to use mathematical comparison operators such as <
, >
, <=
, and >=
to define a range of values for a media feature. For example, (400px < width < 1000px)
returns true if the viewport width is between 400px and 1000px.
Source features
css.at-rules.media.range_syntax
[mdn]