Corriger le problème de la taille des polices sur Mobile Safari (iPhone) où le texte est rendu de manière incohérente et où certaines polices sont plus grandes que d'autres ?

Question

La taille des caractères de notre site n'est pas la même sur Safari mobile et, pour autant que nous le sachions, uniquement sur Safari mobile. Cette situation nous a laissés perplexes.

Nous avons analysé le site avec Firebug, et les zones incorrectes héritent des bons styles, mais les polices sont toujours rendues avec les mauvaises tailles.

1) Visite http://www.panabee.com .

2) Effectuez une recherche pour un nom de domaine.

Les cases sur le côté gauche montrent les tailles de police incorrectes. La taille de la police doit correspondre à celle de la partie droite (titres et texte des boîtes). Par exemple, les titres "Variations" et "Twitter" sont beaucoup plus grands que le titre "Fin alternative".

Vous savez pourquoi ?

Answer 1

J'ai résolu le problème de la taille des polices en utilisant le hack css pour l'application IOS et le navigateur IOS safari.

@supports (-webkit-touch-callout: none) {
       //you can write your custom css for IOS safari browser.
     }