When using CSS media queries for device pixel density, I have seen both -moz-min-device-pixel-ratio
and min--moz-device-pixel-ratio
.
For example:
@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*/
}
Which is correct?
Some tutorials/blogs that use the former:
http://menacingcloud.com/?c=highPixelDensityDisplayshttp://css3.bradshawenterprises.com/blog/retina-image-replacement-for-new-ipad/
Some tutorials/blogs that use the later, including mozilla.org: