Désactiver l'ajustement automatique tu texte sur mobile

[Résolu/Fermé]
Signaler
Messages postés
11
Date d'inscription
dimanche 27 novembre 2011
Statut
Membre
Dernière intervention
14 juin 2014
-
Messages postés
11
Date d'inscription
dimanche 27 novembre 2011
Statut
Membre
Dernière intervention
14 juin 2014
-
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

1 réponse

Messages postés
11
Date d'inscription
dimanche 27 novembre 2011
Statut
Membre
Dernière intervention
14 juin 2014

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à :)