6
में छोटा दिखता है, मैं फोनबैप & jquery मोबाइल का उपयोग कर एक हाइब्रिड एप्लिकेशन विकसित कर रहा हूं। मेरा आवेदन mdpi उपकरणों में ठीक दिखता है। लेकिन, एप्लिकेशन यूआई एचडीपीआई & एक्सएचडीपीआई फोन, टैबलेट & ऐप्पल डिवाइस में छोटे/shrinks दिखता है।मेरा फोनगैप एप्लिकेशन एंड्रॉइड एचडी फोन, एचडीपीआई और एक्सएचडीपीआई फोन
वर्तमान में
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, target-densityDpi=device-dpi" />
कैसे मैं सभी स्क्रीन संकल्प & DPIs में एक ही यूआई acheieve कर सकते हैं के रूप में व्यूपोर्ट का उपयोग कर रहा हूँ।
अपने सुझावों की आवश्यकता है।
अगर एक निकालें उपकरण-डीपीआई, यह mdpi डिवाइस में ठीक लग रहा है डिफ़ॉल्ट मान के रूप MDPI और लेता है: मूल रूप से इस सभी की जरूरत है। लेकिन hdpi और xhdpi स्क्रीन में, यह ठीक दिखता है। मुझे अन्य डीपीआई का समर्थन करने के लिए सीएसएस में बदलाव करना है .. क्या यह सभी एंड्रॉइड और आईओएस उपकरणों को लक्षित करने का सही दृष्टिकोण है ?? – yokks
हां, अधिकांश ब्राउज़र में लक्ष्य-घनत्व डीपी को बहिष्कृत किया जा रहा है। अधिकांश भाग के लिए, यह ठीक है। लोकप्रिय अभ्यास विभिन्न डिवाइस रिज़ॉल्यूशन और डिवाइस-पिक्सेल-अनुपात के लिए ओवरराइड प्रदान करने के लिए लिंक टैग पर मीडिया क्वेरी का उपयोग करना है। और यदि आपको वास्तव में हाईस का समर्थन करने की आवश्यकता है, तो देखें: http://coding.smashingmagazine.com/2012/08/20/towards-retina-web/ – Noogen