Discussion :

[titipucca1]

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

Sélectionner tout - Visualiser dans une fenêtre à part

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

Sélectionner tout - Visualiser dans une fenêtre à part

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

[titipucca1]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Voilà