Mobile Website: Ausrichtung von Hochformat auf Querformat ändern

Question

Ich entwickle eine mobile Website für iPhone- und Android-Browser.

Als ich mit einem Iphone 4 und einem HTC Desire herumspielte, fand ich heraus, dass die beiden Geräte auf Orientierungsänderungen unterschiedlich reagieren. Wenn ich die Website im Hochformat lade und dann das Gerät in den horizontalen Modus drehe, zoomt das iPhone näher zum Inhalt mit der gleichen Breite (320px). Bei einem Android-Gerät scheint sich das Ansichtsfenster zu ändern, wenn ich es drehe. Es wird also nicht gezoomt (Breite> 320px), stattdessen werden die Websites breiter.

Mein aktuellen Ansichtsfenster (ich habe bereits versucht, eine feste Breite von 320px Einstellung):

<meta name="viewport" content="width=device-width; initial-scale=1.0;" /> 

Nun meine Frage: Gibt es eine Möglichkeit, den Android Webkit-Browser „zoom in“ wie ein iPhone auf Orientierungsänderung zu machen von der Protrait bis zur Horizontalen?

Vielen Dank im Voraus!

Andrew

Answer 1

Dieser Link kann helfen: http://davidbcalhoun.com/2010/dealing-with-device-orientation

Answer 2

Diese Funktionalität, die auf iPhone ist wegen der Art, wie die Ansichtsfenster funktioniert. Hier ist, wie Sie es auf allen Geräten deaktivieren und somit die gleiche Benutzererfahrung schaffen.

Wenn Sie Ihr Ansichtsfenster auf diesen Satz:

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

dann wird es das iPhone verhindert zurück zum Gerätebreite „erneut Zoomen“. Dieser ALSO deaktiviert den Zoom jedoch vollständig. Habe zu diesem Zeitpunkt keine bessere Lösung.