Wie kann ich Zoom auf Android aktivieren?

Question

Das ist richtig, ich möchte aktivieren Zoomen statt deaktivieren es.

Ich habe eine responsive Website erstellt und alles sieht gut aus. Aus irgendeinem Grund können Sie jedoch Chrome auf einem Nexus 7 (mit Android 4.2.2) nicht zoomen.

Das ist mein Meta-Tag, der sicher ist es die Seite mit der rechten CSS für die Bildschirmgröße zeigt:

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

Nirgendwo hier muss ich sagen der Benutzer nicht vergrößern. Wie gesagt, die Seite ist reaktionsschnell, so dass es keinen Grund gibt, dass der Benutzer zoomen muss. Wenn ein Nutzer jedoch zoomen möchte, möchte ich ihn nicht stoppen. Es gibt kein Problem auf dem iPhone, der Benutzer kann zoomen, wenn er möchte. Aber auf Android können sie nicht. Ich habe versucht, user-scalable=yes und user-scalable=1 hinzuzufügen, aber das macht keinen Unterschied.

Die einzige Sache, die funktioniert, entfernt dieses Meta-Tag, aber dann rendert sich die Seite selbst, als ob sie auf einem großen Bildschirm angezeigt wird, so dass sie nicht mehr reagiert.

Kann ich irgendetwas tun?

Answer 1

@ David Lees Kommentar oben ist richtig: Es ist mehr ein Nexus 7, was als ein Chrome Problem scheint. Google hatte eine Menge Beschwerden über Pinch-to-Zoom-Zoom auf Nexus 7 und es gibt speculation, dass sie versuchen, um Apples Prise zu zoomen, um Patent zu zoomen.

Von dem, was ich weiß nur

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

mit arbeiten sollte.

Ich habe mir http://m.skyscanner.com/ als Beispiel angesehen und es funktioniert auf anderen Geräten mit Chrome und anderen Browsern wie Dolphin HD. Und all diese Site hat den Viewport-Code von oben.

Chrome für Android hat eine Möglichkeit für uns, Zoom zu erzwingen - Öffnen Sie die Haupteinstellungen des Browsers und tippen Sie auf "Accessibility", dann aktivieren Sie die Option Force Zoom aktivieren und sehen, ob dies in Nexus 7 funktioniert (Ich habe dieses Gerät nicht So kann es nicht testen)

Answer 2

Welche Version von Android? nicht das Ansichtsfenster Meta-Tag-Unterstützung Android 2.2, wenn Ihre Version zwischen 2.3.x und 4.x ist dies versuchen:

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

Hoffnung, das hilft.

Answer 3

Obwohl es keine vollständige Lösung für Ihr Problem ist, aber es kann eine bestimmte Region zoomen.

Thierry B hat ein Plugin, das dies tun wird und veröffentlicht es auf github repo

können Sie demo es hier:

einfach auf das Teil klicken Sie

vergrößern möchten

Oder für Viewport Zoom siehe bitte s tutorial

Answer 4

Gebrauch diese Hoffnung wird es helfen:

<meta name="viewport" content="initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,width=device-width,height=device-height,target-densitydpi=device-dpi,user-scalable=yes" />