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

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

DDD
Libérer: 2024-12-10 10:11:11
original
874 Les gens l'ont consulté

How Can I Prevent Font Size Changes in My iPhone Website During Orientation Shifts?

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>
Copier après la connexion

CSS :

ul li a {
    font-size: 14px;
    text-decoration: none;
    color: #cc9999;
}
Copier après la connexion

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 */
}
Copier après la connexion

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!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal