एंड्रॉइड पर क्रोम में ज़ूम कैसे अक्षम करें?

Question

Android पर क्रोम में किसी पृष्ठ पर ज़ूम करने से रोकने का प्रयास कर रहा है, और यह व्यवहार नहीं करना चाहता। मैं नीचे दिए गए कोड का उपयोग कर रहा हूं, जो आईओएस पर स्टॉक एंड्रॉइड ब्राउज़र और सफारी पर ठीक काम करता है। कोई विचार?

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

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

Answer 1

अपने viewport मेटा टैग minimum-scale=1 जोड़ने का प्रयास करें - यह है कि अगर मदद नहीं करता है, यह संभव है कि अक्षम करने जूम (HTC के स्वामित्व ब्राउज़र जानबूझकर आप ज़ूम निष्क्रिय करने के लिए अनुमति नहीं है Android के लिए Chrome द्वारा समर्थित नहीं है, उदाहरण के लिए)

अपडेट: मैंने अभी जांच की है, और ऐसा लगता है कि क्रोम ज़ूम अक्षम करने का समर्थन करता है, लेकिन आपके कोड में दो व्यूपोर्ट टैग हैं? दूसरा एक पहले ओवरराइडिंग की संभावना है। दूसरे को हटा दें।

विवरण के लिए mobile browser support for disabling zoom की यह सूची और एकाधिक ब्राउज़रों में ज़ूम अक्षम करने के लिए एक अच्छा सुझाव देखें।

Answer 2

मैं बेल्ट का उपयोग कर रहा है और दृष्टिकोण धनुकोष्ठक, उपलब्ध सभी व्यूपोर्ट सेटिंग के, के अनुसार developer.android.com के Targeting Screens from Web Apps

निम्न सिंटैक्स समर्थित व्यूपोर्ट गुण और मूल्यों के सामान्य प्रकार द्वारा स्वीकार के सभी से पता चलता हर एक:

<meta name="viewport" 
    content=" 
    height = [pixel_value | device-height] , 
    width = [pixel_value | device-width ] , 
    initial-scale = float_value , 
    minimum-scale = float_value , 
    maximum-scale = float_value , 
    user-scalable = [yes | no] , 
    target-densitydpi = [dpi_value | 
    device-dpi | high-dpi | medium-dpi | low-dpi] 
    " /> 

कोई ज़ूम के लिए कॉन्फ़िगर मेटा टैग:

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

और एक एक लाइनर के रूप में:

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