Problème taille de police version "navigateur sur mobile"

[Destin01]

Détails techniques

Version du forum : ModernBB
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Safari
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : https://v2-test-fauves.forumactif.com/

Description du problème

Bonjour à tous et toutes !

J'étais venue il y a quelques temps à propos d'un problème que je rencontrais sur mon forum, lorsque je passais par la version navigateur mobile (Chrome via Android).

Grâce à l'aide de MlleAlys, j'ai pu trouver quel template posait problème !
Il s'agissait bien du overallheader et plus précisément de ce bout de code que j'avais rajouté dans le head :

Code:

<meta name="viewport" content="width=device-width, initial-scale=1.0">

Je l'avais mis parce qu'il se trouve que sur version navigateur mobile, certaines polices sont extrêmement zoomées (voir screen). Vous pouvez aussi voir la différence sur le screen ci-dessous, entre l'affichage des sous-forums, et celui des sujets :

Affichage des sujets:

En somme, le code que j'avais mis fonctionnait parfaitement (cela s'affichait comme sur un navigateur pc, avec la bonne taille en 12px), mais cela faisait buguer l'affichage par ailleurs.

Ce zoom des polices étant vraiment disgracieux, auriez-vous une solution pour rétablir la taille originelle sur la version navigateur mobile ?

Merci d'avance à celui ou celle qui prendra le temps de se pencher sur ma demande

[Toryudo]

Bonjour !
Alors je ne suis pas spécialiste et je n'ai pas le matériel pour faire les tests, mais il me semble que ce qui provoque ces affichages étranges, c'est l'utilisation à la fois de px et de em dans les propriétés font-size. Normalement, pour font-size, il faut faire un choix : soit on utilise toujours px, soit on utilise toujours em.

Voici un peu de documentation sur le sujet, pour comprendre pourquoi ça s'affiche en grand sur téléphone quand on utilise des em (ce qui est le cas sur cette version) :
https://www.w3.org/Style/Examples/007/units.fr.html

Est-ce que vous pourriez tenter de modifier votre CSS personnalisé pour remplacer les px par des em, en y allant à tâtons avec les valeurs ?
Je ne pourrais personnellement pas vous donner de valeur précise à mettre... juste modifier et tester.

[MlleAlys]

Bonjour,

Je m'incruste parce que le sujet m'intéresse, et me pose également question : Même si en général j'ignore simplement cet effet, je n'ai jamais réussi à résoudre ce "problème" en bidouillant avec les unités...
J'ai croisé ça sur plusieurs forums, par exemple ce vieux test là :

Les catégories sont de simples div ou des flexbox (larges en %)
J'ai essayé de mettre la taille des textes en px comme en em, chaque fois les sous-forums apparaissent bien plus gros que le reste sur mobile... sur mobile, en affichage "version web", tout le forum est "dézoomé", textes compris... saufs certains, comme ici ceux des sous-forums dans les catégories.
Comme px ou em ou même rem n'y changeaient rien, j'en ai déduit que ça devait plutôt être une question de structure ? Mais j'avoue que je n'ai pas tellement cherché plus loin de ce côté...

[Chacha]

Bonjour, Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message. Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »

[Chacha]

Bonjour, Nous n'avons plus de nouvelle de l'auteur de ce sujet depuis plus de 7 jours. Nous considérons donc ce problème comme résolu ou abandonné. La prochaine fois, merci de nous tenir au courant de l'évolution de votre problème, ou pensez à faire un UP régulièrement ! Ce sujet est archivé afin de ne pas perdre les réponses apportées.