Taille de police spécifique sur mobile

Bonsoir,

Dans mon menu haut, j’ai mon titre et 4 menus.
Tout va bien pour l’affichage sur PC.
Par contre sur mobile, le texte est trop large et du coup le menu s’affiche sur 2 lignes.

J’aimerais pouvoir spécifier une taille de police différente pour le titre et le menu sur mobile uniquement. Est-ce que quelqu’un pourrait m’aider?

Le code est-il à mettre dans le CSS ou dans la page MenuHaut?

Merci

Alors j’ai modifié mon menu en regroupant les onglets, parce qu’avec une police plus petite on ne verrai probablement plus rien…

mais je suis intéressé par le code, par curiosité…

Bonjour,

J’ai découvert récemment que pour la gestion des tailles de polices en fonction des tailles d’écran, il faut que le body n’ait pas de taille de police spécifiée. Le système choisira lui meme une taille lisible pour la plateforme. Cette taille correspondra à 1em, une unité que l’on peut utiliser à beaucoup d’endroit : width, height, padding, font-size, etc… Ensuite, il faut que les boutons et autres fassent référence à cette taille via la specifiation rem (root em = la taille de la police du body). Si le système choisi 16 px comme étant la taille de la font du body alors en indiquant 2rem pour un bouton, la taille est de 32px etc… On peux mettre 0.8 rem. Si on utilise em seul cela fait référence à la taille de la police de l’élément et non la taille de la police de root.

A partir de là, il faut modifier le CSS (peut etre en forcant la font size du body avec le mot clef !important) si cette taille à déjà été définie : body { font-size: unset !important; } puis changer les font-size des éléments que l’on veut en utilisant l’unité rem.

J’espère que ca vous aidera,

Yves