Gibt es eine Möglichkeit für Mobile Safari, eine für Mobiltelefone bestimmte Website zu erkennen und automatisch heranzuzoomen? Wie funktioniert das auf anderen Telefonen und Browsern?automatisches Zoomen auf iPhone Safari
Ich möchte vermeiden, user_agent zu betrachten und eine andere Seite für jeden mobilen Browser zu senden.
Siehe configuring the viewport Teil des Apple-web-app-Entwickler Guide.
Websites können einen mobilen Browser erkennen und entsprechend ausgeben, das ist normalerweise der gewünschte Weg.
Safari wird die Breite erkennen und Zoom-to-fit, aber darüber hinaus, dass ...
Sie können vermeiden, verschiedene Seiten basierend auf User Agent mit bedingten CSS. Apple hat tatsächlich eine sehr gute Dokumentation zum Erstellen von Webseiten, die Safari auf dem iPhone zusammen mit Desktop-Browsern unterstützen können.
Ich würde empfehlen, mit dem Lesen iPhone Human Interface Guidelines for Web Applications zu beginnen. Dadurch erhalten Sie einen guten Einstieg in die Verwendung von bedingtem CSS, um Seiten auf Basis von Geräteeigenschaften (z. B. Bildschirmgröße) und nicht anhand des Benutzeragenten anzupassen.
Ich habe gerade festgestellt, dass, wenn Sie die div height Ihres Body- oder Haupt-Wrappers auf 100% eingestellt haben, dies mit der Entfernung in einem mobilen Browser zu tun hat. Bestätigt dies in mobilen Safari und Android Chrome Browser. Sobald ich die Größe #siteWrapper von 100% auf auto eingestellt habe, wird es in einem viel besseren Maßstab dargestellt.
Das war nicht das Problem, das ich hatte, aber es gab mir einen Hinweis. Es stellte sich heraus, dass das Entfernen einer Min-Width-Deklaration mein Problem löste. – tanman
Right (Höhe 100% an einer Haupt Wrapper oft mit klebrigen Fußzeilen. Verwendet wird), ist es das, was ich dachte, die Frage bezog. Fügen Sie als Beispiel ein Element hinzu, das wie folgt aussieht: –
Vielen Dank! Es funktioniert auch in Opera Mini. Nicht sicher über andere Browser .. – m33lky