Media Queries: resolution feature

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.

IE Edge Firefox Chrome Safari Opera iOS Safari Opera Mini Android Browser Blackberry Browser Opera Mobile Chrome for Android Firefox for Android IE Mobile UC Browser for Android Samsung Internet QQ Browser Baidu Browser
49
56 9.3webkit
See notes:
  • 3
4.4
14 52 57 10webkit
See notes:
  • 3
10.0-10.2webkit
See notes:
  • 3
4.4.3-4.4.4 4
11
See notes:
  • 1
15 53 58 10.1webkit
See notes:
  • 3
44 10.3webkit
See notes:
  • 3
all
See notes:
  • 1
56 10webkit
See notes:
  • 3
37 57 52 11
See notes:
  • 1
11.4 5 1.2 7.12
54 59 TPwebkit
See notes:
  • 3
45
55 60 46
56 61

Notes

Links