Query CSS media per densità pixel: -moz-min-device-pixel-ratio vs. min - moz-device-pixel-ratio

Question

Quando si utilizzano le query multimediali CSS per densità di pixel del dispositivo, ho visto sia -moz-min-device-pixel-ratio e min--moz-device-pixel-ratio.

Ad esempio:

@media 
    only screen and (-moz-min-device-pixel-ratio: 1.5) { 
    /* styles go here */ 
} 

vs.

@media 
    only screen and (min--moz-device-pixel-ratio: 1.5) { 
    /* styles go here*/ 
} 

che è corretto?

Alcuni tutorial/blog che utilizzano l'ex:

• http://menacingcloud.com/?c=highPixelDensityDisplays
• http://css3.bradshawenterprises.com/blog/retina-image-replacement-for-new-ipad/

Alcuni tutorial/blog che utilizzano il più tardi, tra cui: mozilla.org

• http://www.slideshare.net/zomigi/css3-using-media-queries-to-improve-the-web-site-experience
• https://developer.mozilla.org/en/CSS/Media_queries/

Answer 1

La seconda è corretta.

Questo da http://www.quirksmode.org/blog/archives/2012/07/vendor_prefixes.html

-webkit-min-device-pixel-ratio: 1.5 
min--moz-device-pixel-ratio: 1.5 
-o-min-device-pixel-ratio: 3/2 

Answer 2

Sono l'autore di questo articolo nuvola minacciosa di cui sopra. Il rapporto dispositivo-pixel elencato nel mio articolo non era corretto poiché è stato scritto un po 'di tempo fa (lancio di iPhone4).

È stato aggiornato per fare riferimento alla sintassi di Mozilla corretta.

Non ho idea del perché Mozilla abbia scelto il rapporto min-moz-device-pixel, ma questa è la forma ufficiale prescelta.