Désactiver l'ajustement automatique tu texte sur mobile

Résolu/Fermé
titipucca1 Messages postés 11 Date d'inscription dimanche 27 novembre 2011 Statut Membre Dernière intervention 14 juin 2014 - 10 juin 2014 à 15:50
titipucca1 Messages postés 11 Date d'inscription dimanche 27 novembre 2011 Statut Membre Dernière intervention 14 juin 2014 - 14 juin 2014 à 14:05
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 Date d'inscription dimanche 27 novembre 2011 Statut Membre Dernière intervention 14 juin 2014
Modifié par titipucca1 le 14/06/2014 à 14:07
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