Pourquoi la taille de ma police change-t-elle dans iPhone Safari et comment puis-je la contrôler ?

Écart de rendu de la taille de police de Safari sur iPhone

Dans certains cas, il a été observé que Safari sur iPhone ne tenait pas compte de certains paramètres de taille de police, ce qui entraînait dans des variations inattendues de taille de police. Ce problème soulève la question : pourquoi cela se produit-il et y a-t-il des éléments qui ne prennent pas en charge la taille de police dans Safari/iPhone ?

Explication :

L'écart de taille de police observé provient d'un mécanisme de Mobile Safari qui met automatiquement à l'échelle le texte qu'il juge trop petit pour une lisibilité optimale. Ce comportement vise à améliorer l'expérience de lecture sur les écrans de smartphone plus petits.

Solution :

Pour remplacer cette mise à l'échelle automatique et appliquer la taille de police souhaitée, vous pouvez utiliser le CSS propriété -webkit-text-size-adjust. En définissant sa valeur sur 100 %, vous pouvez garantir que le texte sera rendu avec la taille de police spécifiée, même sur l'iPhone.

Voici un extrait de code montrant comment appliquer cette solution :

<code class="css">@media screen and (max-device-width: 480px){
  body{
    -webkit-text-size-adjust: 100%;
  }
}</code>

En incorporant ce code dans votre CSS, vous pouvez contrôler le rendu du texte sur l'iPhone et empêcher Safari de modifier les tailles de police destinées à d'autres appareils ou circonstances.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!