Consultas de medios CSS para la densidad de píxeles: -moz-min-device-pixel-ratio vs. min - moz-device-pixel-ratio

Question

Al utilizar las consultas de medios CSS para la densidad de píxeles del dispositivo, he visto -moz-min-device-pixel-ratio y min--moz-device-pixel-ratio.

Por ejemplo:

@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*/ 
} 

Qué es lo correcto?

Algunos tutoriales/blogs que utilizan la antigua:

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

Algunos tutoriales/blogs que utilizan la tarde, incluyendo 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

El segundo es la correcta.

Esto es de 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

Soy el autor del artículo nube amenazadora referencia anteriormente. La relación dispositivo-píxel enumerada en mi artículo era incorrecta ya que fue escrita hace bastante tiempo (lanzamiento de iPhone4).

Se ha actualizado para hacer referencia a la sintaxis de Mozilla correcta.

No tengo idea de por qué Mozilla optó por ir con la proporción mínima de dispositivo de píxel y dispositivo, pero esa es la forma oficial que parece.