-webkit-device-pixel-ratio

Describes the resolution in physical pixels per CSS pixel.

Possible values

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

Remarks

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

Examples

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

CSS
Copy 

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

 

 

Show: