पिक्सेल घनत्व के लिए सीएसएस मीडिया प्रश्न: -मोज़-मिनट-डिवाइस-पिक्सेल-अनुपात बनाम न्यूनतम - मोज़-डिवाइस-पिक्सेल-अनुपात

Question

डिवाइस पिक्सेल घनत्व के लिए सीएसएस मीडिया प्रश्नों का उपयोग करते समय, मैंने -moz-min-device-pixel-ratio और min--moz-device-pixel-ratio दोनों को देखा है।

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

बनाम

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

कौन सा सही है:

उदाहरण के लिए

?

कुछ ट्यूटोरियल/ब्लॉग है कि पूर्व का उपयोग करें:

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

कुछ ट्यूटोरियल/ब्लॉग है कि बाद, 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

दूसरा एक सही है।

इस से 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

मैं खतरनाक बादल लेख उपरोक्त संदर्भित लेखक हूँ है। मेरे आलेख में सूचीबद्ध डिवाइस-पिक्सेल-अनुपात गलत था क्योंकि यह बहुत समय पहले लिखा गया था (आईफोन 4 लॉन्च)।

इसे सही मोज़िला वाक्यविन्यास के संदर्भ में अद्यतन किया गया है।

मुझे नहीं पता कि मोज़िला ने मिन-मोज़-डिवाइस-पिक्सेल-अनुपात के साथ क्यों जाना चुना, लेकिन ऐसा लगता है कि यह आधिकारिक रूप है।