Zoom-Problem auf dem mobilen Gerät, obwohl das auf dem Desktop funktioniert

Question

Mein Front-End funktioniert mit bootrstrap3.

Firstable Ich hatte reagiert, Probleme auf dem mobilen Gerät, das ich unten durch Zugabe des meta festgelegt:

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

, das gut funktioniert, aber ich habe immer noch ein seltsames Problem. Die meisten Male, wenn Sie auf einer Seite auf einem Mobilgerät landen, ist der Zoom niedriger als 100%.

Tatsächlich ist, wenn das Problem auftritt, die gesamte Seite im Ansichtsfenster angezeigt, so dass der Zoom an die Gesamthöhe und Breite der Seite angepasst wird.

Wenn jemand eine Lösung hat, um dieses Problem zu beheben, wäre das großartig.

Answer 1

Versuchen Folgendes hinzufügen, um Ihren Kopf-tag:

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

für Mobile Safari in iOS 4.2.

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

Wir deaktivieren Zoom auf einer mobilen Web-basierte Anwendung. Sie können keine nativen iOS-Apps vergrößern und dies ist in unserer Webanwendung nicht erforderlich. Wenn Ihre Website oder App für Mobilgeräte optimiert ist, müssen Ihre Nutzer nicht zoomen. Es gibt immer Anwendungsfälle zum Deaktivieren des Zooms. Es muss nicht immer der eine oder der andere sein.