Il existe de nombreux articles et questions sur les polices de taille en pourcentage par rapport aux polices de taille différente . Cependant, je ne peux pas savoir QUELLE est censée être la référence de la valeur en pourcentage. Je comprends que c'est «la même taille dans tous les navigateurs». J'ai aussi lu ceci, par exemple:
Pourcentage (%): l'unité de pourcentage ressemble beaucoup à l'unité «em», à l'exception de quelques différences fondamentales. Tout d'abord, la taille de la police actuelle est égale à 100% (c'est-à-dire 12pt = 100%). Lorsque vous utilisez l'unité de pourcentage, votre texte reste entièrement évolutif pour les appareils mobiles et pour l'accessibilité.
Source: http://kyleschaeffer.com/best-practices/css-font-size-em-vs-px-vs-pt-vs/
Mais si vous dites "ie 12 pt = 100%", cela signifie que vous devez d'abord définir font-size: 12pt
. Est-ce ainsi que cela fonctionne? Vous définissez d'abord une taille dans une mesure absolue, puis vous vous référez à cela comme «100%»? Cela n'a pas beaucoup de sens, comme le disent de nombreux échantillons, il est utile de mettre:
body {
font-size: 100%;
}
Donc, en faisant cela, à QUELLE est la taille de la police par rapport? Je remarque que la taille que je vois sur mon écran diffère pour chaque police. Arial a l'air bien plus grand que Times New Roman, par exemple. De plus, si je faisais simplement cela, la taille du corps = 100%, cela signifierait-il que ce sera la même chose sur tous les navigateurs? Ou seulement si je définis d'abord une valeur absolue?
MISE À JOUR, SAM 23 JUIL
J'y arrive, mais s'il vous plaît, soyez indulgents avec moi.
Ainsi, la valeur% se rapporte à la taille de police par défaut du navigateur, si je comprends bien. Eh bien, c'est bien mais me pose à nouveau plusieurs autres questions:
- Cette taille standard est-elle toujours la même pour chaque version de navigateur ou varie-t-elle d'une version à l'autre?
- JE ! trouvé (voir l'image ci-dessous) les paramètres de Google Chrome (jamais regardé cela auparavant!), et je vois les paramètres standard "serif", "sans-serif" et "monospace". Mais comment interpréter cela pour d'autres polices? Dites que je définis
font: 100% Georgia;
, quelle taille prendra le navigateur? Va-t-il rechercher la taille standard pour empattement ou la police "Georgia" a-t-elle une taille standard pour le navigateur - Sur plusieurs sites Web, je lis des choses comme
Sizing text and line-height in ems, with a percentage specified on the body [..], was shown to provide **accurate, resizable text across all browsers** in common use today
. Mais d'après ce que j'apprends maintenant, je pense que vous devriez en fait choisir entre du texte redimensionnable (en utilisant% ou em, comme ce qu'ils recommandent dans cette citation), ou avoir des `` tailles de police précises et cohérentes dans tous les navigateurs '' (en utilisant px ou pt comme base). Est-ce correct?
Paramètres Google:
Voici à quoi je pense que les choses pourraient ressembler si vous ne définissez pas la taille en valeurs absolues.