BASELINE NowYouCanUse.com
Widely Available Media queries
id: resolution

resolution media query

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.
Baseline Status: Achieved Widely Available on Mar 12, 2025 (Cross-browser Newly Available since Sep 12, 2022).
Desktop Browser Engine Support
Google Chrome
68
Supported
Mozilla Firefox
62
Supported
Apple Safari
16
Supported
Microsoft Edge
79
Supported
Mobile Browser Engine Support
Chrome Android
68
Firefox Android
62
Safari iOS
16
Specifications and References
Specification ↗ Can I Use (css-media-resolution) ↗ Feature XML ↗
MDN Browser Compat Data Keys:
css.at-rules.media.resolution ↗ css.types.resolution ↗ css.types.resolution.dpcm ↗ css.types.resolution.dpi ↗ css.types.resolution.dppx ↗ css.types.resolution.x ↗