साइट जब मेनू

Question

खोला है ज़ूम आउट मैं साइडबार के लिए एक प्लगइन के साथ याहू PureCSS पुस्तकालय का उपयोग कर रहा है और यह मोबाइल सफारी के अलावा सभी ब्राउज़रों पर अच्छा काम करता है। किसी कारण से, जब भी मेनू खोला जाता है तो यह ज़ूम आउट हो जाता है। यह प्रलेखन के example में भी होता है। मुझे नहीं पता कि इसका क्या कारण हो सकता है लेकिन यह सिर्फ ब्राउज़र बग को कॉल करने के लिए मोहक है।

मैं एक साथ रखा जा सकता है एक JSFiddle यदि आवश्यक हो तो।

Answer 1

यह सवाल वास्तव में Does overflow:hidden applied to work on iPhone Safari? के रूप में ही किया जा रहा करने के लिए नीचे उबला हुआ। मुझे लगता है कि मोबाइल सफारी बाहर ज़ूम मेनू और सामग्री क्षेत्र के लिए जगह बनाने के लिए होगा जब उपयोगकर्ता मेनू खोलता है, जब तक आप एक आवरण तत्व पर ऐसा करते हैं:

html, 
body { 
    overflow-x: hidden; 
} 

Answer 2

व्यूपोर्ट मेटा टैग में अधिकतम स्केल मान नहीं है। आप निम्न के व्यूपोर्ट टैग अपडेट करते हैं, तो आप एक ही संभवत: ज़ूम जब भी उपयोगकर्ता मेनू पर क्लिक करता है नहीं मिलेगा:

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

नोट स्ट्रिंग के अंत करने के लिए maximum-scale=1 के अलावा। जब यह जोड़ा जाता है, सामग्री ज़ूम आउट करने के बजाय स्लाइड हो जाती है। यह के लिए PureCSS डेमो पृष्ठ के विरुद्ध परीक्षण किया गया था, जो ऊपर से जुड़ा हुआ है।