Pinch/Zoom Viewport-Spezifikation funktioniert auf dem iPhone, aber nicht auf Android

Lesezeit: 1 Minute

Benutzer-Avatar
Martin Griffin

Ich habe vor einiger Zeit eine WordPress-Seite von einem Segelunternehmen erstellt, xssailing.com und haben derzeit den Ansichtsport eingestellt als:

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

Die Seite funktioniert gut auf einem Computer und ich kann auf einem iPhone/iPad gut kneifen und zoomen. Wenn ich die Seite mit meinem Kindle besuche, kann ich nicht kneifen und zoomen, wie ich es auf anderen Seiten kann. Irgendwelche Ideen?

Vielen Dank!

Benutzer-Avatar
Bryce

Du hast recht, es zoomt nicht. Getestet auf einem Nexus S mit dem Standardbrowser.

Safari hat für dieses Tag wirklich blöde Standardwerte definiert (genau 960 Pixel für die Breite, genau für ein altes iPhone, das nicht mehr hergestellt wird). Daher sollten Sie dies explizit angeben minimum-scale. Durch Angabe aller drei Skalierungsparameter (anstelle von 2 der 3) zoomt Ihre Seite gut:

<meta name="viewport" content="
user-scalable=yes;
width=device-width;
initial-scale=0.31; maximum-scale=1.0; minimum-scale=0.25"/>

Warten Sie auch die gesamte Seite ab völlig laden, bevor Sie versuchen zu zoomen.


Beachten Sie, dass dies eine VIEL stärkere Stack Exchange-Frage mit einem vollständigen Minimalbeispiel und ohne Spam-Link zu einer bestimmten Website wäre. Je breiter die Anwendbarkeit der Frage und der Antwort, desto besser!

  • Das hat es für Android behoben, aber jetzt funktioniert das Zoomen auf dem iPhone nicht

    – Martin Griffin

    8. Januar 2012 um 3:41 Uhr

  • Ich habe die minimale Skalierung auf 0 gesetzt und jetzt funktioniert das Zoomen auf beiden, nochmals vielen Dank!

    – Martin Griffin

    8. Januar 2012 um 17:50 Uhr

  • Tipp: Wenn es auf dem iPad nicht funktioniert, versuchen Sie Kommas als Trennzeichen anstelle von Semikolons. Das hat es für mich getan.

    – montrealistisch

    5. Februar 2013 um 19:15 Uhr

1351530cookie-checkPinch/Zoom Viewport-Spezifikation funktioniert auf dem iPhone, aber nicht auf Android

This website is using cookies to improve the user-friendliness. You agree by using the website further.

Privacy policy