Qu'est-ce que l'em de la police-taille de l'unité? Combien est-il en pixels?
Je veux savoir ce que le em
unité est, et combien cadratin (1 em est lorsqu'ils sont convertis en pixels (px
). J'ai aussi lu quelque part sur certains IE bug, pour surmonter ce qui corps de la taille de police doit être réglé à quelque chose, mais ne pouvait pas suivre beaucoup. Quelqu'un peut-il expliquer cela en détail?
Vous devez vous connecter pour publier un commentaire.
Malgré ce qu'on peut lire ailleurs, il est pas de relation directe entre l'em et px.
Comme l'un des maillons les états:
Donc ça va être différent pour chaque police. Une étroite police peut avoir la même hauteur (en px) comme une extension de la police, mais l'em taille sera différente.
MODIFIER trois ans plus tard:
Il y a maintenant beaucoup de sources qui disent que cadratin (1 em = taille de la police (en px). C'est, lorsque vous écrivez
font-size:16px
, puis cadratin (1 em = 16px. Ce n'est pas toujours d'accord avec Adobe source (qui dit cadratin (1 em = la taille de la police danspt
), mais dans les deux cas, il semble bizarre; l'em de la taille serait beaucoup trop grand avec des résumés des polices et de la trop faible avec l'étendu des polices.Je vais faire quelques pages de test et de voir par moi-même.
Et aussi:
Je vois que personne (y compris moi) réellement répondu à la question (un peu caché):
Selon cette page, vous devez ajouter ceci dans votre css:
html{ font-size:100%; }
. Cette page est de six ans, et je n'ai pas lu la (des centaines) de commentaires, donc je ne sais pas si c'est toujours d'actualité.Le M principe qu'un em est basé sur la lettre M et est dépendante de la police est souvent indiqué mythe!! W3c em documentation très succinctement décrit exactement comment ems et les pixels se rapportent. À l'aide de la lettre M pour calculer les polices est à tout le moins trop compliqué et inutile.
Voici les points saillants.
Sans ancêtre de grossissement, cadratin (1 em est exactement égale à la pixel de police-taille de l'attribut.
Ancêtre du grossissement avec x-ems ou x % signifie que vous venez de multiplier par l'évidence des ratios de x ou x/100. Ainsi, un simple java-script boucle calcule exacte de la taille de la police, en supposant que: (1) au C. S. S. S de frustrer le java-script; et (2) des ancêtres a la taille de police définie en unités absolues. C'est la valeur calculée de la documentation est en train de parler. Une main de calcul peut obtenir autour de la C. S. S., mais une absolue unité doit encore être trouvé dans l'ancêtre de la chaîne.
Depuis ems mesurer la largeur, vous pouvez toujours calculer la taille de police exacte, par la création d'un div qui est de 1000 ems long et en divisant son client,-la Largeur de la propriété par 1000. Depuis ems sont arrondis au millième vous avez besoin de 1000 ems pour éviter erronée pixel de la troncature.
Vous pouvez probablement créer une police où le M principe échoue dans la mesure où em est basé sur la taille de police attribut pas sur la police. Supposons que vous avez une drôle de police où M est de 1/3 de la taille des autres personnages et vous avez une taille de police de 10 pixels. Ne pensez-vous pas que les pixels font-size garanties maximales de hauteur de caractère, d'une certaine façon et donc le M ne sera pas de 10 pixels et tous les autres caractères de 30 pixels?
Avertissement
Dans le même navigateur constante de la police, le ratio relatif peut changer avec la taille de la police. Le ratio relatif de l'ex-change aussi avec le navigateur de la même taille de police et le navigateur de sécurité de la police comme la Géorgie. C'est une assez bonne raison de ne jamais utiliser de l'ex de l'unité si vous voulez de la conformité. Si l'ex est utilisé, il est impossible de calculer la taille de police par le biais de l'ancêtre de la chaîne.
Il est calculé hors de tout votre corps de la taille de la police est. Vous pouvez utiliser un pixel à l'em convertisseur pour savoir exactement ce que c'est sur votre site.
PxToEm
em est une mesure utilisée en typographie imprimée à l'origine (selon wikipedia). Voici quelques choses à considérer: si em est défini comme 12pt type, puis un em est 12/72 pouces d'une page imprimée; mais si vous définissez un em comme 16px, sa largeur en pouces dépend de la résolution des médias. (Note: 72ppi à 120ppi résolution utilisé pour être considéré comme un "navigateur" standard avant l'avènement des appareils mobiles.) Ainsi, lorsque les utilisateurs sont sur un 300px de largeur de l'appareil, cadratin (1 em comme 16px y a beaucoup de "real estate". La meilleure utilisation de l'em mesures, à mon avis, la définition des paragraphes de textes pour la balance des blancs de l'espace, pas de mise en page ou de positionnement.
De "L'incroyable em unité et d'autres meilleures pratiques" https://www.w3.org/WAI/GL/css2em.htm
EM est une unité de mesure proportionnelle à la taille de la police.
ce lien peut vous aider à
http://jontangerine.com/log/2007/09/the-incredible-em-and-elastic-layouts-with-css
Comme cité dans l'article:
em est presque le même que le pourcentage, je vous suggère de lire http://kyleschaeffer.com/best-practices/css-font-size-em-vs-px-vs-pt-vs/