2016-07-21 3 views
1

ich eine mobile Anwendung mit phonegap bauen (cordova) und der App ist im App Store zu leben, aber diese neue Funktion von iOS10 beta:Disable Pinch-to-Zoom in iOS 10 in Cordova/Phonegap App

Um die Barrierefreiheit auf Websites in Safari zu verbessern, können Benutzer jetzt Pinch-to-Zoom auch wenn eine Website setzt user-scalable = keine im Ansichtsfenster.

machen Sie die App zoombar und es hat das Design der App beim Zoomen völlig zerstört.

Vielleicht ist dies eine Funktion für Websites auf mobiles (oder auch nicht), aber ich möchte in der Lage sein, dies für einen Hybrid mobilen app in

Dies ist, wie die viewport sehen aus wie index.html

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

Gibt es eine bekannte Lösung, um dieses Problem für das neue iOS zu lösen, das bald veröffentlicht wird?

I WkWebView und

bin mit
<engine name="ios" spec="~3.9.2" /> 
<preference name="phonegap-version" value="cli-5.2.0" /> 

UPDATE

I aktualisiert phonegap auf Version 6.3.0 und ios Plattform Version 4.1.1 und ich habe den gleichen Fehler.

Antwort

0

Verwendung user-scalable=no wie dem folgenden Code:

<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"> 
+0

ich bereits verwenden 'user-scalable = no ', aber das neue ios10 ignoriert dieses Tag. Das Problem ist nur auf ios10. –

+0

Installieren Sie die neuesten Cordova und versuchen Sie es erneut – Microsmsm

+0

Ich habe Phonegap auf 6.3.0 und iOS Plattform-Engine auf 4.1.1 aktualisiert und ich habe den gleichen Fehler. Das behebt das Problem nicht. –

0

Hier ist eine Lösung für iOS 10+

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

Diese Ereignisse bewegen stoppen wird das Wurzelelement erreicht/Browser