2012-04-24 15 views
5

मैं एक फोनगैप + JQuery मोबाइल ऐप बना रहा हूं, लेकिन मैं इसे डबल क्लिक के साथ ज़ूम करने से रोक नहीं सकता। मैं http://www.tricedesigns.com/2012/01/17/mobile-web-phonegap-html-dev-tips/ में सूचीबद्ध सुझावों का पालन किया, विशेष रूप से जोड़कर:फोनगैप में ज़ूम को रोकना + JQuery मोबाइल

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

किसी को जूम करने के लिए एक समाधान के बारे में पता है?

उत्तर

13

प्रयास करें:

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

यह मैं क्या इस्तेमाल करते हैं और मैं किसी भी संभवत: ज़ूम व्यवहार नहीं मिलता है।

यहाँ viewport मेटा टैग के लिए एप्पल प्रलेखन है: अपने मेटा टैग में http://developer.apple.com/library/safari/#documentation/appleapplications/reference/SafariHTMLRef/Articles/MetaTags.html

+0

ठीक है, मुझे लगता है कि क्या समस्या थी हो सकता है से संबंधित कर दिया गया है या तो: 1) कैशिंग 2) http://www.tricedesigns.com/2012/01/17/mobile-web-phonegap-html-dev-tips/ पर सुझाए गए "-webkit-user-select" सेटिंग्स का उपयोग करना किसी बिंदु पर ज़ूम बंद हो रहा था, लेकिन जब मैंने कैश साफ़ कर दिया और "-webkit-user-select" हटा दिया। यकीन नहीं है कि यह किसने ट्रिगर किया। (शायद कैश) – Anthony

1

प्लेस "उपयोगकर्ता-मापनीय = नहीं"

की तरह इस

<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
यह मोबाइल में ज़ूम रोकने का सबसे अच्छा तरीका है, फोनगैप में मेरे लिए यह काम

0

स्वीकार कर लिया समाधान iOS10 में काम करने के लिए नहीं लगता है, यह करता है:

// stop ios bounce and zoom 
document.ontouchmove = event => { 
    event.preventDefault(); 
}; 

यह मूल तत्व तक पहुँचने ईवेंट को, बंद हो जाएगा/ब्राउज़र

संबंधित मुद्दे