Comment puis-je empêcher les changements de taille de police sur le site Web de mon iPhone lors des changements d'orientation ?

Préserver la taille de la police HTML lors des changements d'orientation de l'iPhone

Lors de l'affichage de pages Web sur un iPhone, il est courant de rencontrer des changements dans la taille de la police lors du changement entre les orientations portrait et paysage. Pour résoudre ce problème et maintenir des tailles de police de lien hypertexte cohérentes, envisagez la solution suivante :

HTML :

<ul>
    <li>

CSS :

ul li a {
    font-size: 14px;
    text-decoration: none;
    color: #cc9999;
}

Pour garantir que les tailles de police des liens hypertexte restent inchangés quelle que soit l'orientation, ajoutez la propriété CSS suivante :

html {
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}

Cette propriété désactive le comportement par défaut d'ajustement automatique de la taille du texte en fonction de orientation. Par conséquent, la taille de la police du lien hypertexte persistera à la valeur spécifiée (14 px dans ce cas) même lors du basculement entre les modes portrait et paysage.

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!