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!
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!