Медиавыражение CSS `-moz-device-pixel-ratio`

Устарело: Эта функция больше не рекомендуется. Хотя некоторые браузеры всё ещё могут её поддерживать, она уже могла быть удалена из соответствующих веб-стандартов, её удаление может быть в процессе или она может сохраняться только в целях совместимости. Избегайте её использования и, если возможно, обновите существующий код; чтобы принять решение, см. таблицу совместимости внизу этой страницы. Обратите внимание: эта функция может перестать работать в любой момент.

Нестандартная функция: Эта функция не стандартизирована и не входит в процесс стандартизации. Не используйте её на общедоступных производственных сайтах: она будет работать не у всех пользователей. Между реализациями также могут быть существенные различия, а поведение может измениться в будущем.

Медиавыражение CSS только для Gecko -moz-device-pixel-ratio позволяет применять стили в зависимости от количества пикселей устройства на один пиксель CSS.

Предупреждение: Не используйте эту функцию. Вместо неё используйте функцию resolution с единицей измерения dppx.

Примечание: Это медиавыражение также реализовано в WebKit под именем -webkit-device-pixel-ratio. Префиксы min и max в реализации Gecko называются min--moz-device-pixel-ratio и max--moz-device-pixel-ratio; в реализации WebKit те же префиксы называются -webkit-min-device-pixel-ratio и -webkit-max-device-pixel-ratio.

Синтаксис

<number>: Количество пикселей устройства на один пиксель CSS.

Медиатип: @media Поддерживает префиксы min/max: да

Примеры

Пример базовой совместимости

-moz-device-pixel-ratio можно использовать для совместимости с Firefox версий ниже 16, а также вместе с -webkit-device-pixel-ratio для совместимости с браузерами на основе WebKit, которые не поддерживают dppx.

Пример:

/* First, set for WebKit-based browsers */
@media (-webkit-min-device-pixel-ratio: 2),
  (min--moz-device-pixel-ratio: 2) /* Older Firefox browsers (prior to firefox 16) */,
  (min-resolution: 2dppx) /* The standard way */,
  (min-resolution: 192dpi); /* dppx fallback */

Примечание: Рекомендации по обеспечению совместимости при использовании resolution и dppx см. в этой статье CSSWG.

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

Не входит ни в один стандарт.

Совместимость с браузерами

	Настольные компьютеры					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome для Android	Firefox для Android	Opera для Android	Safari на iOS	Samsung Internet	WebView для Android	WebView на iOS
`-moz-device-pixel-ratio`	Нет	Нет	4	Нет	Нет	Нет	4	Нет	Нет	Нет	Нет	Нет

См. также

© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/At-rules/@media/-moz-device-pixel-ratio