Correction du bogue de mise à l'échelle de la fenêtre d'affichage de Safari d'appareil Apple [Comment]

click fraud protection

Si vous êtes un concepteur Web, le bogue connu sous le nom de Viewpoint Scaling peut vous avoir confronté et se produit dans les appareils Apple, à savoir iPod, iPhone et iPad. Parfois, lorsque nous faisons pivoter notre appareil Apple de l'orientation portrait à l'orientation paysage, le site effectue un zoom avant, nous montrant une vue ayant une largeur supérieure à la largeur de l'appareil. En effet, le concepteur a défini la largeur de la fenêtre d'affichage sur la largeur du périphérique. Pour vous aider à vous faire une idée du fonctionnement de ce bogue, nous avons conçu un exemple de page et fait pivoter notre iPad du mode portrait au mode paysage.

échantillon vertical
échantillon de paysage - Copier

Une solution rapide pour ce bogue nous guide pour définir le "maximum-scale = 1" dans la balise META de la fenêtre d'affichage. Cela résout le problème pour le moment mais la page n'est plus zoomable car nous fixons la largeur maximale similaire à la largeur de l'appareil.

Cette solution rapide n'est pas exactement la solution parfaite. Grâce au travail acharné de designers comme 

instagram viewer
@mathias, @cheeaun et @jdalton, nous avons maintenant un javascript qui peut être ajouté à la 

pour obtenir une solution permanente. Avec cette solution, la page restera zoomable.

Ce sont les seules solutions connues que les concepteurs ont trouvées jusqu'à présent. Mais si vous en avez un autre pour corriger ce bug, partagez-le avec nous dans les commentaires.

watch instagram story