zoom automatique sur iphone safari

Est-il un moyen pour le navigateur Safari Mobile pour reconnaître un site pour les téléphones mobiles et automatiquement un zoom avant? Comment ça se fait sur d'autres téléphones et navigateurs?

J'aimerais éviter de regarder user_agent et l'envoi d'une page différente pour chaque navigateur mobile.

InformationsquelleAutor m33lky | 2009-08-03
  1. 9

    Voir le la configuration de la fenêtre d'affichage partie de la Pomme de la web-app developer guide.

    • À droite, c'est ce que j'ai pensé que la question faisait référence. Par exemple, ajouter un <meta> élément qui ressemble à ceci: <meta name="viewport" content="width=480">
    • Merci! Il travaille dans Opera Mini ainsi. Pas sûr que sur les autres navigateurs..
    InformationsquelleAutor Simon Epskamp
  2. 1

    Je viens de remarquer que si vous avez de votre corps ou de principal wrapper div hauteur de 100%, ce qui peut gâcher avec la distance zoom avant/rend sur un navigateur mobile. Confirmé dans le navigateur safari mobile et android du navigateur google chrome. Une fois que j'ai mis le #siteWrapper hauteur de 100% à l'auto, il a ensuite été rendu à moindre échelle.

    (hauteur de 100% sur l'un des principaux wrapper est souvent utilisé avec les pieds de page.)

    • Ce n'était pas le problème que j'ai, mais il m'a donné une idée. Il s'est avéré retrait d'un min-width déclaration de résoudre mon problème.
    InformationsquelleAutor kcent
  3. 0

    Sites de reconnaissance d'un navigateur mobile et produira par conséquent, c'est généralement de la manière souhaitée.

    Safari de détecter la largeur et zoom-pour-fit, mais au-delà...

    InformationsquelleAutor Nick Veys
  4. 0

    Vous pouvez éviter d'avoir des pages différentes en fonction de l'Utilisateur de l'Agent en utilisant la feuille de style CSS conditionnelle. Apple a effectivement une très bonne documentation sur la création de pages web qui peuvent soutenir Safari sur l'iPhone avec les navigateurs de bureau.

    Je recommande de commencer avec la lecture iPhone Human Interface Guidelines pour les Applications Web. Cela vous donnera un bon départ dans la conditionnelle à l'aide de CSS pour personnaliser des pages sur la base des caractéristiques de l'appareil (telles que la taille de l'écran) plutôt que de l'Agent Utilisateur.

    InformationsquelleAutor Jay O'Conor