automatischer Zoom iphone Safari

Question

Gibt es eine Möglichkeit für Mobile Safari eine Website für Mobiltelefone gedacht zu erkennen und automatisch vergrößert? Wie funktioniert das auf anderen Telefonen und Browsern?

Ich möchte bei user_agent vermeiden suchen und eine andere Seite für jeden mobilen Browser gesendet wird.

Answer 1

Sehen Sie die Konfiguration des Ansichtsfenster Teil des Apple-web-app-Entwickler Guide.

Answer 2

Ich habe gerade bemerkt, dass, wenn Sie Ihren Körper oder Haupt Wrapper div Höhe auf 100% gesetzt haben, kann dies Chaos mit, wie weit es zoomt / rendert auf einem mobilen Browser. Bestätigte dies in der mobilen Safari und Android-Browser Chrome. Sobald ich die #siteWrapper Höhe von 100% auf Auto gesetzt, es dann zu einem viel besseren Maßstab gemacht werden.

(Höhe 100% an einer Haupt Wrapper oft mit klebrigen Fußzeilen verwendet wird.)

Answer 3

Seiten können über einen mobilen Browser erkennen und Ausgang entsprechend produzieren, das ist in der Regel die gewünschte Art und Weise.

Safari wird die Breite erkennen und Zoom-to-fit, aber darüber hinaus, dass ...

Answer 4

Sie können vermeiden verschiedene Seiten auf Basis von User Agent bedingten CSS. Apple hat tatsächlich einige sehr gute Dokumentation Web-Seiten erstellen, die Safari auf dem iPhone zusammen mit Desktop-Browsern unterstützt.

Ich würde empfehlen, mit dem Lesen iPhone Human Interface Guidelines für Web-Anwendungen . Dies gibt Ihnen einen guten Start in bedingten CSS-Seiten auf der Grundlage von Geräteeigenschaften (wie Bildschirmgröße) anpassen, anstatt User Agent.