मोबाइल ब्राउज़र पर ज़ूम स्तर सेट करना

Question

मैं मोबाइल एक्सेस के लिए वेबसाइट तैयार कर रहा हूं और मैं पेज चौड़ाई, ऊंचाई और बटन आकार सेट करना चाहता हूं, इसलिए वे स्क्रीन भरने को प्रदर्शित करते हैं। उदाहरण के लिए यदि उपयोगकर्ता एचटीसी एचडी का उपयोग कर रहा है, तो स्क्रीन स्क्रीन 240x200 के साथ पूरी स्क्रीन 480x800 होगी। हालांकि आईई मोबाइल के साथ-साथ ओपेरा कुछ ज़ूम स्तर वाले पृष्ठ को लोड करता है, इसलिए बटन या तो बहुत बड़े या बहुत छोटे होते हैं। मैं या तो जावास्क्रिप्ट में वर्तमान ज़ूम स्तर को कैसे पढ़ सकता हूं या इसे जावास्क्रिप्ट से सेट कर सकता हूं?

Answer 1

आपको मोबाइल उपकरणों पर जावास्क्रिप्ट का उपयोग करने पर भरोसा नहीं करना चाहिए क्योंकि यह अभी भी सभी फोनों में व्यापक रूप से समर्थित नहीं है। इसके बजाय आपको पृष्ठ की चौड़ाई को ब्राउज़र की चौड़ाई के समान सेट करना चाहिए ताकि आपके पृष्ठ 100% पर दिखाई दें, उदा। body {width: 100%; margin: 0; padding: 0;}

बटन के लिए आपको सापेक्ष मूल्यों का उपयोग करना चाहिए या विभिन्न छवि आकारों का उपयोग करना चाहिए यदि आप पृष्ठ लोड होने से पहले ब्राउज़र चौड़ाई का पता लगाने में सक्षम हैं।

Answer 2

<meta name="viewport"> पर एक नज़र डालें। यह विभिन्न प्रकार के मोबाइल प्लेटफार्मों में समर्थित है, जिनमें (AFAIK) आईफोन, एंड्रॉइड, ब्लैकबेरी, ओपेरा मोबाइल और यहां तक ​​कि आईई 6 मोबाइल भी शामिल है। असल में, यह आपको डिवाइस चौड़ाई, ज़ूम स्तर, और अधिकतम/मिनट ज़ूम प्रीसेट करने देता है। Apple developer site पर और अधिक जानकारी के लिए देखें।

इसके अलावा, आप ब्राउज़र के आकार और आकार का पता लगाने के लिए सीएसएस मीडिया प्रश्नों का उपयोग कर सकते हैं, और तदनुसार विभिन्न लेआउट (आदि) की सेवा कर सकते हैं। दोबारा, ये काफी व्यापक रूप से समर्थित हैं और Apple developer site में अधिक जानकारी है।