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 |