Y a-t-il un moyen pour les safari mobiles de reconnaître un site destiné aux téléphones mobiles et de zoomer automatiquement? Comment fonctionne-t-il sur d'autres téléphones et navigateurs?
J'aimerais éviter de regarder user_Agent et d'envoyer une page différente pour chaque navigateur mobile.
4 Réponses :
Les sites peuvent reconnaître un navigateur mobile et produire une sortie en conséquence, c'est généralement la voie souhaitée.
Safari détectera la largeur et le zoom-to-ajuster, mais au-delà de cela ...
Voir le Configuration de la fenêtre Partie du Guide de développeur Apple Web-App Apple.
Droite, c'est ce que je pensais que la question faisait référence à. À titre d'exemple, ajoutez un élément
Vous pouvez éviter d'avoir des pages différentes basées sur l'agent utilisateur en utilisant des CSS conditionnels. Apple possède en fait une très bonne documentation sur la création de pages Web pouvant prendre en charge Safari sur l'iPhone ainsi que les navigateurs de bureau.
Je recommanderais de commencer à lire
Je viens de remarquer que si vous avez votre corps ou votre cachette principale de la hauteur Div set à 100%, cela peut gâcher à quel point il effectue un zoom avant / Renders sur un navigateur mobile. Confirmé cela dans le navigateur Chrome de Safari et Android de Mobile. Une fois que j'ai défini la hauteur #SiteWrapper de 100% à Auto, il a ensuite rendu à une grande meilleure échelle.
(hauteur 100% sur une enveloppe principale est souvent utilisée avec des pieds de page collants.)
Ce n'était pas le problème que je n'avais pas mais cela m'a donné un indice. Il s'est avéré enlever une déclaration de la largeur minimale résolue mon problème.