automatischer zoom auf dem iphone safari

Gibt es eine Möglichkeit für den Mobilen Safari zu erkennen, eine Website bedeutete für Handys und automatisch Zoomen? Wie funktioniert das auf anderen Handys und Browser?

Möchte ich vermeiden suchen, bei user_agent und senden eine unterschiedliche Seite für jeden mobilen browser.

InformationsquelleAutor m33lky | 2009-08-03

  1. 9

    Sehen die Konfiguration des viewport Teil der Apple-web-app developer guide.

    Richtig, das ist, was ich dachte, die Frage bezog sich auf. Als ein Beispiel, fügen Sie ein <meta> - element, das wie folgt aussieht: <meta name="viewport" content="width=480">
    Danke! Es funktioniert in Opera Mini auch. Nicht sicher über andere Browser..

    InformationsquelleAutor Simon Epskamp

  2. 1

    Mir ist gerade aufgefallen, dass, wenn Sie haben Sie Ihren Körper oder main-wrapper-div die Höhe auf 100% gesetzt, dies kann zu Chaos mit, wie weit Sie es gezoomt/rendert auf einem mobilen browser. Dies bestätigt in mobile safari und android-browser "Google chrome". Sobald ich die #siteWrapper Höhe von 100% zum auto, es dann gerendert in einem viel größeren Umfang.

    (Höhe 100% auf eine Haupt-wrapper wird Häufig mit klebrigen Fußzeilen.)

    Das war nicht das problem, das ich hatte, aber es gab mir eine Ahnung. Es stellte sich heraus das entfernen einer min-width Erklärung mein Problem gelöst.

    InformationsquelleAutor kcent

  3. 0

    Seiten erkennen kann, ob eine mobile browser-und Ausgabe entsprechend, das ist in der Regel der gewünschten Weise.

    Safari erkennt die Breite und zoom-to-fit -, aber darüber hinaus...

    InformationsquelleAutor Nick Veys

  4. 0

    Können Sie vermeiden, dass verschiedene Seiten basierend auf User-Agent durch die Verwendung von conditional-CSS. Apple hat tatsächlich einige sehr gute Dokumentation zum erstellen von Webseiten mit Unterstützung für Safari auf dem iPhone zusammen mit desktop-Browsern.

    Ich würde empfehlen, beginnend mit dem Lesen iPhone Human Interface Guidelines für Web-Anwendungen. Dies wird Ihnen einen guten start in die Verwendung von conditional-CSS zum anpassen von Seiten auf der basis von Geräte-Eigenschaften (z.B. Bildschirmgröße), sondern als User-Agent.

    InformationsquelleAutor Jay O'Conor

Schreibe einen Kommentar