@media (768px < width <= 1024px) – 92% support (Media Queries Range Syntax)

That’s it! I think we can finally start using more convenient syntax for media queries.

/* Newer syntax */
@media (768px < width <= 1024px) {
body {
background-color: lightblue;
}
}

/* Older syntax */
@media (min-width: 769px) and (ma…


This content originally appeared on DEV Community and was authored by avcat

That's it! I think we can finally start using more convenient syntax for media queries.

/* Newer syntax */
@media (768px < width <= 1024px) {
  body {
    background-color: lightblue;
  }
}

/* Older syntax */
@media (min-width: 769px) and (max-width: 1024px) {
  body {
    background-color: lightblue;
  }
}

Source: caniuse.


This content originally appeared on DEV Community and was authored by avcat


Print Share Comment Cite Upload Translate Updates
APA

avcat | Sciencx (2025-09-02T09:40:04+00:00) @media (768px < width <= 1024px) – 92% support (Media Queries Range Syntax). Retrieved from https://www.scien.cx/2025/09/02/media-768px-width-1024px-92-support-media-queries-range-syntax-2/

MLA
" » @media (768px < width <= 1024px) – 92% support (Media Queries Range Syntax)." avcat | Sciencx - Tuesday September 2, 2025, https://www.scien.cx/2025/09/02/media-768px-width-1024px-92-support-media-queries-range-syntax-2/
HARVARD
avcat | Sciencx Tuesday September 2, 2025 » @media (768px < width <= 1024px) – 92% support (Media Queries Range Syntax)., viewed ,<https://www.scien.cx/2025/09/02/media-768px-width-1024px-92-support-media-queries-range-syntax-2/>
VANCOUVER
avcat | Sciencx - » @media (768px < width <= 1024px) – 92% support (Media Queries Range Syntax). [Internet]. [Accessed ]. Available from: https://www.scien.cx/2025/09/02/media-768px-width-1024px-92-support-media-queries-range-syntax-2/
CHICAGO
" » @media (768px < width <= 1024px) – 92% support (Media Queries Range Syntax)." avcat | Sciencx - Accessed . https://www.scien.cx/2025/09/02/media-768px-width-1024px-92-support-media-queries-range-syntax-2/
IEEE
" » @media (768px < width <= 1024px) – 92% support (Media Queries Range Syntax)." avcat | Sciencx [Online]. Available: https://www.scien.cx/2025/09/02/media-768px-width-1024px-92-support-media-queries-range-syntax-2/. [Accessed: ]
rf:citation
» @media (768px < width <= 1024px) – 92% support (Media Queries Range Syntax) | avcat | Sciencx | https://www.scien.cx/2025/09/02/media-768px-width-1024px-92-support-media-queries-range-syntax-2/ |

Please log in to upload a file.



There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.

Related Posts