मोबाइल वेब पर पिंच ज़ूम अक्षम करें

Question

मैं मोबाइल डिवाइस पर पिंच और ज़ूम अक्षम करना चाहता हूं।

व्यूपोर्ट में मुझे किस कॉन्फ़िगरेशन को जोड़ना चाहिए?

लिंक: http://play.mink7.com/n/dawn/

Answer 1

संपादित करें: क्योंकि इस पर टिप्पणी की हो रही रखता है, हम सभी जानते हैं कि हम ऐसा नहीं करना चाहिए। प्रश्न कैसे मैं ऐसा करता हूं, मुझे यह करना चाहिए।

इसे अपने मोबाइल डिवाइस के लिए जोड़ें। तब प्रतिशत में अपने चौड़ाई करते हैं और आप ठीक हो जाओगे:

<meta name="HandheldFriendly" content="true" /> 

Answer 2

आईई का अपना तरीका होता है:

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

इस उपकरणों व्यूपोर्ट भी उपयोग नहीं कर सकते कि के लिए में जोड़े एक सीएसएस संपत्ति, एमएस जो सामग्री पर ज़ूम। इसे किसी भी शरीर पर सेट करना या कुछ इसे अक्षम करना चाहिए।

Disable pinch to zoom in IE10

http://msdn.microsoft.com/en-us/library/ie/hh771891(v=vs.85).aspx

Answer 3

जो कोई ने कहा कि यह एक बुरा विचार मैं इसे हमेशा एक बुरा एक नहीं है कहना चाहता हूँ है करने के लिए

। कभी-कभी सभी सामग्री देखने के लिए ज़ूम आउट करना बहुत उबाऊ होता है। उदाहरण के लिए जब आप आईओएस पर इनपुट टाइप करते हैं तो यह स्क्रीन के केंद्र में इसे ज़ूम करने के लिए ज़ूम करता है। कुंजीपटल बंद करने के कारण आपको ज़ूम आउट करना होगा, काम नहीं करता है। साथ ही मैं इस बात से सहमत हूं कि जब आप एक महान लेआउट और उपयोगकर्ता अनुभव बनाने में कई घंटे लगाते हैं तो आप ज़ूम द्वारा इसे गड़बड़ नहीं करना चाहते हैं।

लेकिन अन्य तर्क दृष्टि के मुद्दों वाले लोगों के लिए भी मूल्यवान है। हालांकि मेरी राय में यदि आपको अपनी आंखों के साथ समस्याएं हैं तो आप सिस्टम की ज़ूमिंग सुविधाओं का उपयोग कर रहे हैं इसलिए सामग्री को परेशान करने की कोई आवश्यकता नहीं है।

<meta name="viewport" content="user-scalable=no"/> 

Answer 4

यह सब मैं की जरूरत है। मुझे आपको समझाएं। 400px की स्क्रीन चौड़ाई वाली एक डिवाइस मानें (उदाहरण के लिए)। जब आप ज़ूम इन करते हैं, तो फ़ॉन्ट बड़े और बड़े हो जाते हैं। लेकिन बक्से और divs एक ही चौड़ाई के साथ बनी हुई है। यदि आप न्यूनतम चौड़ाई का उपयोग करते हैं, तो आप अपने div और बॉक्स को कम करने से बच सकते हैं।

Answer 5

न्यूनतम-चौड़ाई संपत्ति के साथ प्रयास करें:

Answer 6

दुर्भाग्यवश, प्रस्तावित समाधान सफारी 10+ में काम नहीं करता है, क्योंकि ऐप्पल ने user-scalable=no को अनदेखा करने का निर्णय लिया है। इस धागे में अधिक जानकारी है और कुछ जेएस हैक्स: disable viewport zooming iOS 10+ safari?