Désactiver l'ajustement automatique tu texte sur mobile

Résolu
titipucca1 Messages postés 11 Statut Membre -  
titipucca1 Messages postés 11 Statut Membre -
Bonjour,

Je crée un site à l'aide d'un programme car il intégrait facilement un module e-commerce. Tout fonctionne parfaitement, sauf sur mobile (Chrome Mobile). Il agrandit certains caractère automatiquement.

Le programme me propose d'intégrer des codes personnalisé dans la balise head et body de ma page html.

J'ai donc d'abord essayer le code suivant :

<meta name="viewport" content="width=device-width">
Mais ça fait buger les menus déroulants mis en place par le programme.


J'ai tester alors le code CSS suivant dans head :

<style type="text/css">body{ -webkit-text-size-adjust: none;}</style>
Mais ça ne change rien du tout.


Savez-vous ce que je pourrais rajouter pour que cela fonctionne ?

Merci
A voir également:

1 réponse

titipucca1 Messages postés 11 Statut Membre
 
Pour ceux que ça intéresse, j'ai résolu le problème sur Android Chrome Mobile et Safari Mobile en mettant le code en head anti Font Boosting suivant :

<style type="text/css">
body * {
max-height: 1000000em;
-webkit-text-size-adjust: none;
}
</style>

Voilà :)
0