Réponses:
Il est spécifique à Safari, du moins au moment de la rédaction de cet article, introduit dans Safari 9.0. À partir de "Quoi de neuf dans Safari?" documentation pour Safari 9.0 :
Modifications de la fenêtre
Les balises Meta Viewport
"width=device-width"
entraînent une réduction de la page pour s'adapter au contenu qui dépasse les limites de la fenêtre. Vous pouvez remplacer ce comportement en l'ajoutant"shrink-to-fit=no"
à votre balise Meta comme indiqué ci-dessous. La valeur ajoutée empêchera la page de se mettre à l'échelle pour s'adapter à la fenêtre.
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
En bref, l'ajout de cela à la balise Meta de la fenêtre restaure le comportement antérieur à Safari 9.0.
Voici un exemple visuel travaillé qui montre la différence lors du chargement de la page dans les deux configurations.
La section rouge correspond à la largeur de la fenêtre et la section bleue est positionnée à l'extérieur de la fenêtre initiale (par exemple left: 100vw
). Notez comment, dans le premier exemple, la page est agrandie pour s'adapter lorsqu'elle shrink-to-fit=no
est omise (montrant ainsi le contenu hors fenêtre) et le contenu bleu reste hors de l'écran dans le dernier exemple.
Le code de cet exemple se trouve à l' adresse https://codepen.io/davidjb/pen/ENGqpv .
shrink-to-fit=no
empêche ce comportement, laissant le niveau de zoom seul et laissant le contenu débordant hors de l'écran. Essayez l'exemple Codepen sur votre iDevice (ou iOS Simulator) et essayez de modifier le paramètre. Peut-être que voir le changement de manière interactive vous aidera.
shrink-to-fit
comportement. Avec shrink-to-fit=no
, la page reste à la taille attendue, laissant le contenu déborder de la fenêtre. Un utilisateur peut (généralement) toujours faire défiler ou effectuer un zoom arrière pour voir le contenu de débordement, mais la fenêtre initiale correspond à la taille de l'appareil.
Comme statistiques sur l'utilisation d'iOS, indiquant que l'utilisation d'iOS 9.0-9.2.x est actuellement de 0,17%. Si ces chiffres sont vraiment indicatifs de l'utilisation globale de ces versions, il est encore plus probable qu'il soit plus sûr de supprimer le rétrécissement à l'ajustement de votre balise Meta Viewport.
Après 9.2.x. IOS supprime cette vérification de balise sur son navigateur.
Vous pouvez consulter cette page https://www.scottohara.me/blog/2018/12/11/shrink-to-fit.html