छवियों में आईफोन 4 मोबाइल सफारी

Question

मैं मोबाइल वेब ऐप बना रहा हूं और मेरी छवियों में कुछ परेशानी हो रही है। वे मेरे डेस्कटॉप पर बहुत अच्छे लगते हैं लेकिन आईफोन में सभी धुंधला दिखते हैं। मुझे लगता है कि यह रेटिना डिस्प्ले का कारण है और मोबाइल सफारी को वेब साइटों के आकार को दोगुना करने की जरूरत है।

क्या आईफोन 4 पर छवियों को कुरकुरा दिखने के लिए कोई कामकाज है?

Answer 1

मुझे जवाब मिला है। अब के लिए

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 
    #map-page .ui-icon { 
     background-image: url("/images/retina/4_ikon_hitta.png"); 
    } 
} 

यह काम करता है, लेकिन मैं नहीं सर्वोत्कृष्ट समाधान: http://seesparkbox.com/foundry/targeting_iphone_4s_retina_display_with_media_queries कौन इस तरह मीडिया के प्रश्नों का उपयोग कर अधिवक्ताओं: मैं इस लेख पाया। एक और लेख की टिप्पणियों में जहां पिक्सेल का उपयोग माप के रूप में नहीं किया जाता है, जिसने सही अर्थ बनाया है। आईफोन 4 आने वाले कई उच्च डीपीआई उपकरणों में से पहला है। तो भविष्य में एक पिक्सेल और भी आकार होगा।

मोबाइल सफारी एसवीजी के लिए ios 2.1 समर्थन तो क्या उपकरणों आप (शायद कुछ वापस आने के साथ) एसवीजी समर्थन करने के लिए है पर निर्भर करता है के बाद से है कुछ दृढ़ता से विचार करना है।

मेरे (और तुम्हारा भी!) के लिए अगली परियोजना मैं ईएमएस, अंक,% और एसवीजी में खोद रहा हूं।