Comment puis-je conserver des tailles de police de lien hypertexte cohérentes sur les iPhones lors des changements d'orientation ?

Maintenir la cohérence de la taille de la police dans les hyperliens au milieu des changements d'orientation de l'iPhone

Description du problème

Les applications Web mobiles sont confrontées à un défi particulier lorsque les hyperliens dans les éléments de liste subissent des modifications drastiques modifications de la taille de la police à mesure que l'appareil passe du mode portrait au mode paysage. En mode portrait, la taille de la police peut être définie de manière appropriée à 14 px, mais elle s'étend de manière déconcertante à 20 px lorsque l'appareil est pivoté.

Solution

Ce comportement est régi par le -webkit-text- propriété CSS d'ajustement de taille. Pour désactiver cette fonctionnalité et conserver la taille de police souhaitée, implémentez ce qui suit :

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

Ce code garantit que la taille de la police reste constante même lorsque l'orientation change, tout en permettant aux utilisateurs de zoomer selon leurs besoins.

Informations supplémentaires

Pour plus de détails sur la propriété -webkit-text-size-adjust, reportez-vous au Guide de contenu Web Safari.

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!