resolution media query
Newly available since 2022-09-12
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.
To learn more, see
<resolution>,
resolution at MDN.
Compatibility (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