विभिन्न फोनों पर विभिन्न ब्राउज़रों के पास अलग-अलग स्क्रीन रिज़ॉल्यूशन हैं।मोबाइल वेब पृष्ठों के लिए पृष्ठ चौड़ाई निर्धारित करने के लिए डिज़ाइन सबसे अच्छा अभ्यास क्या है?
क्या समुदाय में चौड़ाई को मानक आकार में सेट करने के लिए समुदाय में सबसे अच्छा अभ्यास है, ताकि यह अधिकांश आधुनिक फोन और ब्राउज़रों पर काम करे?
आईएमएचओ सबसे अच्छा अभ्यास क्लाइंट डिवाइस की चौड़ाई और संकल्प के बारे में बहुत अधिक धारणाओं के बिना मिलना है।
अधिकतर डिवाइसों में ब्राउज़रों को वेबपृष्ठों को प्रदर्शित/बहने/घटाने की दिशा में तैयार किया जाता है। यदि संभव हो, ब्राउज़र को काम करने दें।
आप हमेशा स्केल ठीक से पिक्सेल के बजाय "ईएमएस" का उपयोग कर सकते हैं।
यह अभी भी एक स्पर्श विषय है क्योंकि कई मोबाइल ब्राउज़र मूल रूप से यह समझते हैं कि देवताओं ने यह कैसे व्याख्या करना है, इस पर निर्भर करता है।
G'day,
मुझे पता है तुम कर रहे हैं सवाल सभी फोन पर काम करने के लिए, लेकिन यह दृष्टिकोण जल्द ही उन के साथ पतली पहनता इष्टतम स्क्रीन आकार की एक चयन बनाने पर फैसला करने के लिए है।
एक बड़ी वेबसाइट जिसे मैं संबद्ध करता हूं, उपयोगकर्ता एजेन्ट स्ट्रिंग लेता है और इसे सामान्य संप्रदाय को सामान्य करता है, उदा। एक विशेष सोनी एरिक्सन फोन प्रकार के लिए ब्रिटेन में 300 से अधिक विभिन्न UA तारों का उपयोग करने के लिए, ताकि वे सभी एक ही स्ट्रिंग में परिवर्तित हो जाएं, और फिर स्क्रीन रीयल एस्टेट निर्धारित करने के लिए तालिका में एक लुकअप करें।
कोडर के पास वर्तमान कनेक्शन की गति तक पहुंच है जो अनुरोध के समय कनेक्शन प्रकार, रूटिंग प्रकार इत्यादि के आधार पर भौगोलिक स्थान एप्लिकेशन द्वारा निकाला जाता है। आप धीमी कनेक्शन वाले किसी व्यक्ति को समृद्ध, उच्च-डिफ मीडिया नहीं भेजना चाहते हैं।
यह तो
HTH
चियर्स,
कोई आसान तरीका मोबाइल ब्राउज़रों में परिपूर्ण-पिक्सेल वाला सटीकता सुनिश्चित करने के है (वास्तव में, वहाँ करने के लिए कोई आसान तरीका है कि किसी भी ब्राउज़र के साथ)। हालांकि, इस तरह के काम में मदद करने के लिए कुछ तरीके हैं। उदाहरण के लिए, आईफोन के लिए मोबाइल सफारी एक 'व्यूपोर्ट' मेटा टैग का समर्थन करता है जो आपको चौड़ाई जैसे गुण निर्दिष्ट करने की अनुमति देता है। यहाँ उपयोग के कुछ उदाहरण हैं:
<meta name="viewport" content="width = 750px" />
<meta name="viewport" content="initial-scale=2.5, user-scalable=no" />
एप्पल कुछ जानकारी here है, और आप पूरे वेब पर एक बहुत अधिक जानकारी मिलेगी।