canisoon

Media Queries: resolution feature

77.97

CSS CSS3

Allows a media query to be set based on the device pixels used per CSS unit. While the standard uses `min`/`max-resolution` for this, some browsers support the older non-standard `device-pixel-ratio` media query.

Further reading:

  1. Can I use page for: Media Queries: resolution feature
  2. How to unprefix -webkit-device-pixel-ratio
  3. WebKit Bug 78087: Implement the 'resolution' media query
  4. WHATWG Compatibility Standard: -webkit-device-pixel-ratio
  5. MDN Web Docs - CSS @media resolution