Désactiver l'ajustement automatique du texte sur mobile

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 :

Code:

---

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

Code:

---

body{ -webkit-text-size-adjust: none; }

---

Mais ça ne change rien du tout.


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

Merci

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 :

Code:

---

1 2 3 4 5 6

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

---

Voilà :)