1. Web
  2. CSS
  3. Référence
  4. Règles @
  5. @media
  6. -moz-device-pixel-ratio

Cette page a été traduite à partir de l'anglais par la communauté. Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.

View in English Always switch to English

Caractéristique média CSS -moz-device-pixel-ratio

Obsolète

Évitez d'utiliser cette fonctionnalité dans de nouveaux projets. Cette fonctionnalité peut être candidate à la suppression des standards web ou des navigateurs.

Non standard: Cette fonctionnalité n'est pas standardisée. Nous déconseillons d'utiliser des fonctionnalités non standard en production, car leur prise en charge par les navigateurs est limitée, et elles peuvent être modifiées ou supprimées. Toutefois, elles peuvent constituer une alternative appropriée dans certains cas où aucune option standard n'existe.

La caractéristique média CSS -moz-device-pixel-ratio (spécifique à Gecko) permet d'appliquer des styles en fonction du nombre de pixels physiques par pixel CSS.

Attention : N'utilisez pas cette caractéristique. Préférez la caractéristique resolution avec l'unité dppx.

Note : Cette caractéristique média est aussi implémentée par WebKit sous le nom -webkit-device-pixel-ratio. Les préfixes min et max sont nommés min--moz-device-pixel-ratio et max--moz-device-pixel-ratio chez Gecko, mais -webkit-min-device-pixel-ratio et -webkit-max-device-pixel-ratio chez WebKit.

Syntaxe

<number>

Nombre de pixels physiques par pixel CSS.

Média : @media
Accepte les préfixes min/max : oui

Exemples

Exemple de compatibilité de base

-moz-device-pixel-ratio peut être utilisé pour la compatibilité avec les versions de Firefox antérieures à 16, et en complément de -webkit-device-pixel-ratio pour les navigateurs basés sur WebKit qui ne prennent pas en charge dppx.

Exemple :

css
/* D'abord, pour les navigateurs basés sur WebKit */
@media (-webkit-min-device-pixel-ratio: 2),
  (min--moz-device-pixel-ratio: 2) /* Anciennes versions de Firefox (avant la version 16) */,
  (min-resolution: 2dppx) /* Méthode standard */,
  (min-resolution: 192dpi); /* Repli dppx */

Note : Voir cet article du CSSWG (angl.) pour les bonnes pratiques de compatibilité concernant resolution et dppx.

Spécifications

Ne fait partie d'aucun standard.

Compatibilité des navigateurs

Voir aussi

Aider à améliorer MDN

Apprendre à contribuer

Cette page a été modifiée le par les contributeur·ice·s du MDN.

Voir cette page sur GitHub • Signaler un problème avec ce contenu