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 Возможная рекомендация

Браузеры

12 29 12.1 16
5 16 12.1

В таблице браузеров применяются следующие обозначения.

  • — элемент полностью поддерживается браузером;
  • — элемент браузером не воспринимается и игнорируется;
  • — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.

Число указывает версию браузреа, начиная с которой элемент поддерживается.

См. также