Размер “точки” графического вывода, относящийся к длинам CSS.
Используется для оценки разрешения с помощью функции мультимедиа resolution мультимедиа в медиа-запросах. Оно также будет использоваться в будущих свойствах CSS.
Разрешения
dpi
Единица измерения: dpi
Описание: точек на дюйм.
Пример:
@media (max-resolution: 96dpi) { /* Standard and low-res CSS rules */ }dpcm
Единица измерения: dpcm.
Описание: количество точек на сантиметр.
Пример:
@media (min-resolution: 762dpcm) { /* Very high-res (such as printer) CSS rules */ }dppx
Единица измерения: dppx.
Описание: точек на px единицу.
Пример:
@media (min-resolution: 2dppx) { /* High-res (such as "retina" screen) CSS rules */ }Учитывая фиксированное соотношение длин CSS 1: 96 in и px, для этих значений справедлив эквивалент. 96dpi такое же, как 1dppx, например.
Страницы в тему:
Руководства:
- Медиа-запросы (Внушительный урок CSS)
