Describes the resolution in physical pixels per CSS pixel.

Possible values

  • Value: <number>
  • Applies to: bitmap media types
  • Accepts min/max prefixes: yes


The -webkit-device-pixel-ratio media feature was introduced in the Internet Explorer for Windows Phone 8.1 Update.


The following declaration indicates that a specific background image is used on a device with a resolution greater than 2dppx.

@media (-webkit-min-device-pixel-ratio: 2) {
   div {
      background-image: url('high-res-image.png');