Web platform features explorer

resolution media query

Widely available since 2025-03-12
Tags: css Groups: CSS > Media queries

The resolution CSS media query sets styles based on the pixel density, or how many pixels a device uses to display a single CSS pixel.

Browser support (view on caniuse.com)

  • Chrome 68 Released on 2018-07-24
  • Chrome Android 68 Released on 2018-07-24
  • Edge 79 Released on 2020-01-15
  • Firefox 62 Released on 2018-09-05
  • Firefox for Android 62 Released on 2018-09-05
  • Safari 16 Released on 2022-09-12
  • Safari on iOS 16 Released on 2022-09-12