2 votes

Quand est-ce que Safari sur iPhone change la taille du texte lorsque l'orientation change?

J'ai remarqué que lorsque je navigue sur une page web dans Safari sur l'iPhone et que je change l'orientation de portrait à paysage, parfois la taille du texte et/ou son enveloppement changent.

Par exemple, en mode portrait, il peut y avoir 10 mots sur une ligne, mais lorsque je le tourne sur le côté, la taille du texte change et il y a peut-être 8 ou 12 mots sur cette ligne. Habituellement, lorsque je le remets en mode portrait, il reste à ce nombre au lieu de revenir à 10.

Je ne me souviens pas d'exemples spécifiques sur le moment mais il s'agissait de sites réguliers (pas des versions mobiles). Le texte semblait être dans une colonne fixe, il ne se contentait pas de s'adapter à toute la largeur de la fenêtre.

Est-ce que quelqu'un peut clarifier de quelles façons cela est modifié ou déterminé?

[aussi, je n'ai pas pu créer de balises 'safari' ou 'zoom']

1voto

Voici une estimation :

Le site que vous êtes probablement en train de regarder a ce qu'on appelle une mise en page liquide, ce qui signifie que le contenu se répandra pour remplir son conteneur. Ainsi, lorsque vous tournez le téléphone, la largeur du viewport passe de la largeur portrait plus étroite à la largeur paysage beaucoup plus longue. Ainsi, le texte lui-même pourrait ne pas changer de taille, la page web s'adapte simplement à sa nouvelle taille de fenêtre.

Heureusement, le lien ci-dessus a également une mise en page liquide, vous pouvez donc le voir en action. Prenez la fenêtre de votre ordinateur et réduisez sa largeur. Vous remarquerez que le texte se déplacera pour s'adapter à sa nouvelle taille de conteneur. Ainsi, c'est la page web (plus précisément le CSS) qui détermine comment le texte se met en forme.

tl:dr

Le CSS l'a fait.

LesApples.com

LesApples est une communauté de Apple où vous pouvez résoudre vos problèmes et vos doutes. Vous pouvez consulter les questions des autres utilisateurs d'appareils Apple, poser vos propres questions ou résoudre celles des autres.

Powered by:

X