resolution media query (compatibility prefixes)The -webkit-device-pixel-ratio, -webkit-min-device-pixel-ratio, and -webkit-max-device-pixel-ratio CSS media queries are standardized compatibility alternatives to resolution media queries.media-queriesMedia querieswidely2018-10-232021-04-23https://compat.spec.whatwg.org/#css-media-queries-webkit-device-pixel-ratiohttps://developer.mozilla.org/docs/Web/CSS/Reference/At-rules/@media/-webkit-device-pixel-ratiocss.at-rules.media.-webkit-device-pixel-ratiocss.at-rules.media.-webkit-max-device-pixel-ratiocss.at-rules.media.-webkit-min-device-pixel-ratiohttps://nowyoucanuse.com/features--resolution-compat.html