Taille de la police par rapport à la résolution de l'écran de l'utilisateur ?

Question

J'ai un site web fluide et le menu occupe 20% de sa largeur. Je veux que la taille de la police du menu soit mesurée correctement afin qu'elle corresponde toujours à la largeur de la boîte et qu'elle ne se prolonge jamais jusqu'à la ligne suivante. Je pensais utiliser "em" comme unité, mais elle est relative à la taille de la police du navigateur, donc lorsque je change de résolution, la taille de la police reste la même.

J'ai aussi essayé les pts et les pourcentages. Rien ne fonctionne comme je le souhaite...

Donnez-moi un indice sur la façon de procéder, s'il vous plaît.

Answer 1

<script>
function getFontsByScreenWidth(actuallFontSize, maxScreenWidth){
     return (actualFontSize / maxScreenWidth) * window.innerWidth;
}

// Example:
fontSize = 18;
maxScreenWidth = 1080;
fontSize = getFontsByScreenWidth(fontSize, maxScreenWidth)

</script>

J'espère que cela vous aidera. J'utilise cette formule pour mon jeu de phase.