dpi

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

Пример

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>dpi</title> <style> body { background: url(/example/image/mushroom_landscape.jpg) center/cover fixed; } @media screen and (min-resolution: 200dpi) { body { background: url(/example/image/mushroom_retina.jpg) center/cover fixed; } } </style> </head> <body> </body> </html>

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

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

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

Браузеры

9 12 29 16 8
5 8 16

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

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

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

См. также