# The New CSS Media Query Range Syntax

**URL:** <https://forum.devtalk.com/t/the-new-css-media-query-range-syntax/81206>\
**Category:** In The News\
**Tags:** css, syntax, in-the-news\
**Created:** [4 November 2022 00:28 UTC](https://forum.devtalk.com/t/the-new-css-media-query-range-syntax/81206 "2022-11-04T00:28:55Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![CommunityNews](https://forum.devtalk.com/user_avatar/forum.devtalk.com/communitynews/32/1113_2.png) [@CommunityNews](https://forum.devtalk.com/u/CommunityNews)\
**Post date:** [4 November 2022 00:28 UTC](https://forum.devtalk.com/t/the-new-css-media-query-range-syntax/81206/1 "2022-11-04T00:28:55Z")

</div>

> The New CSS Media Query Range Syntax | CSS-Tricks.  
> The Media Queries Level 4 specification has introduced a new syntax for targeting a range of viewport widths using common mathematical comparison operators, like , and =, that make more sense syntactically while writing less code for responsive web design.

Read in full here:

> **[The New CSS Media Query Range Syntax | CSS-Tricks](https://css-tricks.com/the-new-css-media-query-range-syntax/)**
>
> The Media Queries Level 4 specification has introduced a new syntax for targeting a range of viewport widths using common mathematical comparison operators, like , and =, that make more sense syntactically while writing less code for responsive web...

_This thread was posted by one of our members via one of our news source trackers._