-webkit-min-device-pixel-अनुपात: 2 के लिए क्या खड़ा है?

Question

@media only screen and (max-device-width:480px), 
only screen and (-webkit-min-device-pixel-ratio: 2) 
{ /*iphone css*/ } 

अधिकतम-डिवाइस चौड़ाई भावना लेकिन पिक्सेल अनुपात मेरे लिए कोई मतलब नहीं है बनाता है। धन्यवाद।

Answer 1

http://developer.android.com/reference/android/webkit/WebView.html

-webkit-डिवाइस पिक्सेल-अनुपात सीएसएस मीडिया क्वेरी से

। स्क्रीन घनत्व निर्दिष्ट करने के लिए इसका उपयोग करें जिसके लिए इस स्टाइल शीट का उपयोग किया जाना है। संबंधित मान या तो "0.75", "1", या "1.5" के लिए संकेत मिलता है कि शैलियों कम घनत्व, मध्यम घनत्व, या उच्च घनत्व स्क्रीन, क्रमशः के साथ उपकरणों के लिए कर रहे हैं होना चाहिए,। उदाहरण के लिए: hdpi.css स्टाइलशीट केवल 1.5 का एक स्क्रीन पिक्सेल राशन, जो उच्च घनत्व पिक्सेल अनुपात है साथ उपकरणों के लिए प्रयोग किया जाता है।

और https://developer.mozilla.org/en/CSS/Media_queries

-moz-डिवाइस पिक्सेल-अनुपात

के अनुसार सीएसएस पिक्सेल प्रति डिवाइस पिक्सेल की संख्या देता है।

नोट: यह मीडिया की सुविधा भी रूप में -webkit-डिवाइस पिक्सेल-अनुपात वेबकिट द्वारा कार्यान्वित किया जाता। गीको द्वारा कार्यान्वित किए गए न्यूनतम और अधिकतम उपसर्गों को मिन-मोज़-डिवाइस-पिक्सेल-अनुपात और अधिकतम-मोज़-डिवाइस-पिक्सेल-अनुपात नाम दिया गया है; लेकिन एक ही उपसर्ग के रूप में वेबकिट द्वारा कार्यान्वित -webkit मिनट-डिवाइस पिक्सेल-अनुपात और -webkit-अधिकतम-डिवाइस पिक्सेल-अनुपात नाम हैं।