-moz-device-pixel-ratio CSS Media-Feature
Deprecated
Avoid using this feature in new projects. This feature may be a candidate for removal from web standards or browsers.
Nicht standardisiert: Diese Funktion ist nicht standardisiert. Wir raten davon ab, nicht-standardisierte Funktionen auf produktiven Webseiten zu verwenden, da sie nur von bestimmten Browsern unterstützt werden und sich in Zukunft ändern oder entfernt werden können. Unter Umständen kann sie jedoch eine geeignete Option sein, wenn es keine standardisierte Alternative gibt.
Das -moz-device-pixel-ratio Gecko-exklusive CSS Media-Feature kann verwendet werden, um Stile basierend auf der Anzahl von Gerätepixeln pro CSS-Pixel anzuwenden.
Warnung:
Verwenden Sie dieses Feature nicht. Benutzen Sie stattdessen das resolution Feature mit der Einheit dppx.
Hinweis:
Dieses Media-Feature wird auch von WebKit als -webkit-device-pixel-ratio implementiert. Die von Gecko implementierten Präfixe für min und max heißen min--moz-device-pixel-ratio und max--moz-device-pixel-ratio; die gleichen Präfixe werden von WebKit jedoch als -webkit-min-device-pixel-ratio und -webkit-max-device-pixel-ratio bezeichnet.
Syntax
<number>-
Die Anzahl der Gerätepixel pro CSS-Pixel.
Media: @media
Akzeptiert Min/Max-Präfixe: ja
Beispiele
Grundlegendes Kompatibilitätsbeispiel
-moz-device-pixel-ratio kann für die Kompatibilität mit Firefox-Versionen älter als Version 16 und zusammen mit -webkit-device-pixel-ratio für die Kompatibilität mit WebKit-basierten Browsern verwendet werden, die dppx nicht unterstützen.
Beispiel:
/* 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 */
Hinweis:
Lesen Sie diesen CSSWG-Artikel, um gute Praktiken bezüglich der Kompatibilität von resolution und dppx zu erfahren.
Spezifikationen
Kein Teil eines Standards.