मोबाइल क्रोम और एंड्रॉइड मूल ब्राउज़र को प्रस्तुत करने में अंतर

Question

मेरे स्मार्टफ़ोन पर मेरे डेस्कटॉप (उत्तरदायी नहीं) वेबसाइट का परीक्षण करते समय, मैंने क्रोम (34.01847.114) और मूल एंड्रॉइड ब्राउज़र (4.3) में साइट को प्रस्तुत करने में अंतर देखा। क्रोम में पेज ज़ूम के बिना प्रस्तुत किया जाता है जैसा मैं चाहता हूं। मूल ब्राउज़र में पेजेड ज़ूम किया गया है। मैं किसी भी व्यूआरटी-टैग का उपयोग नहीं करता हूं। जब मैं

व्यूपोर्ट टैग सेट

<meta name="viewport" content="width=device-width"> 

क्रोम मूल ब्राउज़र और zoomes तरह बर्ताव करता है।

तो मुझे कोई ज़ूम नहीं चाहिए, मैं चाहता हूं कि साइट पूर्ण रिज़ॉल्यूशन में प्रस्तुत की जाए।

Answer 1

जूम आप उपयोग shoyld रोकने के लिए:

<meta name="viewport" content="initial-scale=1"> 

आशा है कि यह मदद करता है :)

Answer 2

आप यह सुनिश्चित करें कि पेज वास्तव में Android ब्राउज़र से ज़ूम इन कर रहे हैं? मेरे अवलोकन यह है कि पिछले ज़ूम को अक्सर सक्रिय रखा जाता है यदि आप एक ही पृष्ठ को फिर से लोड करते हैं, जो आपको यह सोचने में भ्रामक बना सकता है कि पेज उपयोगकर्ताओं के लिए लोड होगा। हालांकि, रीफ्रेश/रीलोड को अलग करने का उपयोग, सामान्य रूप से लोड होने पर पृष्ठ ठीक लोड हो जाएगा। इसके कारण, मैं यह सुनिश्चित करने की सलाह दूंगा कि जब आप ज़ूम व्यवहार पर भरोसा करते हैं तो आप नए पेज पर नेविगेट करते हैं।

अन्यथा, यदि आप अभी भी मुद्दे हैं और अपने डेस्कटॉप साइट एक निश्चित चौड़ाई है, तो आप बस व्यूपोर्ट कि करने के लिए सेट कर सकते हैं:

<meta name="viewport" content="width=fixed-width,initial-scale=1"> 

कहाँ निश्चित-चौड़ाई पिक्सल में अपनी निश्चित डेस्कटॉप लक्ष्य चौड़ाई है।

इससे आपको प्रत्येक मोबाइल डिवाइस के स्क्रीन आकार के अनुसार पूर्ण चौड़ाई और पुनर्विक्रय मिल जाएगी।