फोनगैप और रेटिना डिस्प्ले

Question

मैं फोनगैप का उपयोग कर आईफोन के लिए एक ऐप बना रहा हूं, लेकिन मुझे यकीन है कि यह रेटिना डिस्प्ले का उपयोग कर काम नहीं कर रहा है, इसके बजाय, यह पुराने आईफोन 3 रिज़ॉल्यूशन का उपयोग कर रहा है।

फ़ोन गैप का उपयोग करते समय आईफोन के लिए 2 संस्करण रखने का कोई तरीका है? यह है, पुराने संस्करणों के लिए सबसे खराब संकल्प के साथ रेटिना और एक और संस्करण का उपयोग कर एक संस्करण।

धन्यवाद

Answer 1

हाँ, पर आप या तो CSS मीडिया क्वेरी या जावास्क्रिप्ट का उपयोग करना होगा।

http://troymcilvena.com/post/998277515/jquery-retina एक jQuery प्लगइन है जो स्वचालित रूप से @ 2x छवियों को संभाल लेगा।

सीएसएस में, आपको -webkit-min-device-pixel-ratio: 2 को लक्षित करने वाली मीडिया क्वेरी का उपयोग करना होगा जो पृष्ठभूमि छवियों को उनके उच्च-रिज़ॉल्यूशन संस्करणों (और background-size सेट करता है) को प्रतिस्थापित करता है।

Answer 2

Retina.js कम सीएसएस के साथ यह आपकी समस्या का समाधान करेगा।

दूसरी ओर, Phonegap के साथ समस्याओं के लिए (जैसे: आप की तरह यह होना चाहिए पेज नहीं देखते हैं, बजाय आप सब कुछ में जूम देखें):

<meta name="viewport" content="width=device-width, user-scalable=no, initial- 
scale=0.5, maximum-scale=0.5" /> 

आपके एप्लिकेशन में निम्न कोड का उपयोग कर के बाद इसे अपने कॉर्डोवा में जोड़ें। प्लिस्ट:

EnableViewportScale : YES