-moz-device-pixel-ratio

Non standard: Cette fonctionnalité n'est ni standard, ni en voie de standardisation. Ne l'utilisez pas pour des sites accessibles sur le Web : elle ne fonctionnera pas pour tout utilisateur. Il peut également y avoir d'importantes incompatibilités entre les implémentations et son comportement peut être modifié dans le futur.

Obsolète: Cette fonctionnalité a été supprimée des standards du Web. Bien que quelques navigateurs puissent encore la supporter, elle est en cours d'éradication. Ne l'utilisez ni dans d'anciens projets, ni dans de nouveaux. Les pages et applications Web l'utilisant peuvent cesser de fonctionner à tout moment.

La caractéristique média -moz-device-pixel-ratio, associée à @media, est une caractéristique propre à Gecko et peut être utilisée pour appliquer certains styles en fonctions du nombres de pixels physiques par pixel CSS.

Attention : Ne pas utiliser cette fonctionnalité ! La caractéristique resolution et l'unité dppx permettent d'obtenir le même mécanisme.

-moz-device-pixel-ratio peut être utilisée si besoin d'être compatible avec des versions de Firefox antérieures à la version 16 et -webkit-device-pixel-ratio peut être utilisée avec les navigateurs WebKit qui ne prennent pas en charge dppx. Par exemple :

css

@media (-webkit-min-device-pixel-ratio: 2), /* Navigateurs basés sur Webkit */
       (min--moz-device-pixel-ratio: 2), /* Anciens Firefox (avant Firefox 16) */
       (min-resolution: 2dppx), /* La méthode standard */
       (min-resolution: 192dpi) /* Utilisée si dppx n'est pas gérée */

Voir cet article du CSSWG pour les bonnes pratiques quant à la compatibilité de resolution et dppx.

Note : Cette caractéristique est également implémentée par Webkit et IE 11 pour Windows Phone 8.1 sous le nom -webkit-device-pixel-ratio. Les versions préfixées pour les seuils minimal / maximal sont intitulées min--moz-device-pixel-ratio et max--moz-device-pixel-ratio sous Gecko, tandis que sous Webkit, elles sont intitulées -webkit-min-device-pixel-ratio et -webkit-max-device-pixel-ratio.

Syntaxe

<number>: Le nombre de pixels physiques pour un pixel CSS.

Média : Visual Gestion des préfixes min/max : Oui

Compatibilité des navigateurs

BCD tables only load in the browser