zoom automatique sur iphone safari

Question

Existe-t-il un moyen pour Mobile Safari de reconnaître un site destiné aux téléphones mobiles et d’effectuer automatiquement un zoom avant? Comment cela 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.

Answer 1

Voir le configuration de la fenêtre d'affichage du guide du développeur d'applications web Apple.

Answer 2

Je viens de remarquer que si votre corps ou votre hauteur de div principale est défini sur 100%, cela peut gâcher la distance avec laquelle il effectue un zoom / rendu sur un navigateur mobile. Confirmé dans Safari mobile et navigateur chrome d'Android. Une fois que j'ai défini la hauteur de #siteWrapper de 100% à auto, il a été rendu à une bien meilleure échelle.

(la hauteur 100% sur un emballage principal est souvent utilisée avec des pieds collants.)

Answer 3

Les sites peuvent reconnaître un navigateur mobile et produire une sortie en conséquence, c'est généralement la méthode souhaitée.

Safari détectera la largeur et le zoom pour s’adapter, mais au-delà ...

Answer 4

Vous pouvez éviter d'avoir différentes pages basées sur l'agent utilisateur en utilisant du CSS conditionnel. Apple dispose actuellement d'une très bonne documentation sur la création de pages Web compatibles avec Safari sur iPhone, ainsi que sur les navigateurs de bureau.

Je recommanderais de commencer par lire > Guide d'interface utilisateur iPhone pour applications Web . Cela vous donnera un bon départ dans l’utilisation de CSS conditionnel pour personnaliser les pages en fonction des caractéristiques du périphérique (telles que la taille de l’écran) plutôt que de l’agent utilisateur.