0

je suit dans mon en-tête html:Fonts 2x la taille sur l'iPhone par rapport au navigateur de dispositif de navigateur?

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> 

... et l'application web que je développe dans les beaux regards simulateurs de l'appareil dans Chrome, Safari, Firefox, etc. Mais quand je charge sur un iPhone réel, ou dans le simulateur iPhone Xcode, toutes les polices semblent être environ deux fois la taille.

Comment puis-je corriger cela?

Répondre

1

Essayez ce code dans votre CSS

-webkit-text-size-adjust: Aucun | auto | ;

Ainsi, deux fois plus grand serait: -webkit-text-size-adjust: 200%;

+0

Pour le moment, il n'y a pas de fichiers .css. Mon application utilise React, et tout le style est actuellement en ligne. "React favorise une approche en ligne pour le style de contenu qui n'utilise pas CSS." https://www.kirupa.com/react/styling_in_react.htm – VikR

+0

donc, utilisez inline css like, Venkat

+0

Je suis préoccupé par l'utilisation de la fonction text-size-adjust. Ce site dit qu'il est "expérimental". https://developer.mozilla.org/en-US/docs/Web/CSS/text-size-adjust. – VikR