Wie deaktiviere ich den Zoom in Chrome auf Android?

Question

versucht, das Zoomen auf einer Seite in Chrome unter Android zu verhindern, und es möchte sich nicht verhalten. Ich verwende den folgenden Code, der für den Android-Browser und Safari für iOS funktioniert. Irgendwelche Gedanken?

<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

Versuchen Hinzufügen minimum-scale=1 zu Ihrem viewport Meta-Tag - wenn das nicht hilft, ist es wahrscheinlich, dass Zoom Deaktivieren von Chrome für Android (HTC-eigenen Browser erlaubt es nicht unterstützt wird absichtlich nicht Sie Zoom zu deaktivieren, zum Beispiel)

Update: Ich habe gerade überprüft, und es sieht aus wie Chrome unterstützt unterstützt Zoom deaktivieren, aber Sie haben zwei Viewport-Tags in Ihrem Code? Die zweite wird wahrscheinlich die erste überschreiben. Entferne den zweiten.

Diese Liste der mobile browser support for disabling zoom für Details und einen guten Vorschlag zum Deaktivieren von Zoom über mehrere Browser.

Answer 2

Ich bin mit dem Gürtel und Zahnspange Ansatz, alle Darstellungseinstellungen zur Verfügung Konfiguration per developer.android.com ‚s Targeting Screens from Web Apps

Die folgende Syntax alle unterstützten Darstellungseigenschaften zeigt und die allgemeinen Typen von Werten akzeptiert durch jeder:

<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] 
    " /> 

Die konfigurierte Meta-Tag ohne Zoom:

<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 
    " /> 

Und als Motto:

<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" />