dppx

Единица dppx применяется для обозначения количества точек на пиксель. dppx может использоваться для определения экранов смартфонов и дисплеев высокого разрешения.

1dppx = 96dpi

Пример

Код примера скопирован в буфер
<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>dppx</title>
  <style> 
   body {
    background: url(/example/image/mushroom_landscape.jpg) center/cover fixed;
   }
   @media screen and (min-resolution: 2dppx) {
    body {
     background: url(/example/image/mushroom_retina.jpg) center/cover fixed;
    }
   }
  </style>
  </head>
 <body> 
 </body>
</html>

В данном примере для экранов с разрешением не менее 2dppx устанавливается фоновая картинка высокого разрешения.

Спецификация

Спецификация Статус
CSS Values and Units Module Level 4 Рабочий проект
CSS Values and Units Module Level 3 Возможная рекомендация

Браузеры

См. также