2010-08-09 5 views
18

Je ne sais toujours pas ce que signifie la taille en em?
J'ai travaillé px, pt en CSS. Que signifieraient 0,8, 1,0 et 1,2 em?
J'ai vu la hauteur en CSS comme: hauteur: 0.8em; ou hauteur: 1.2em;
Comment est-il calculé?Qu'est-ce que height in em?

+3

En plus ems, vous pouvez mesurer les distances dans ens et exs. –

+1

Une question "em vs px": http://stackoverflow.com/questions/609517/why-em-instead-of-px –

Répondre

26

La signification de "em" a changé au fil des ans. Toutes les polices n'ont pas la lettre "M" (par exemple, chinois), mais toutes les polices ont une hauteur. Le terme est donc venu à signifier la hauteur de la police - pas la largeur de la lettre "M."

Regardons un exemple simple où nous utilisons l'unité em pour définir la taille des caractères:

<html> 
    <style> 
    h1 { font-size: 2em } 
    </style> 
    <body> 
    <h1>Movies</h1> 
    </body> 
</html> 

Lorsqu'il est utilisé pour spécifier la taille des polices, l'unité em fait référence à la taille de la police du élément parent. Ainsi, dans l'exemple précédent , la taille de la police du h1 élément est fixé à deux fois la taille de la police de l'élément body. pour ce la taille de la police de l'élément h1 sera être, nous devons connaître la taille de la police de body. Parce que ce n'est pas spécifié dans la feuille de style, le navigateur doit trouver de quelque part d'autre - un bon endroit pour regarder est dans les préférences de l'utilisateur. Donc, si l'utilisateur définit la taille de la police normale à 10 points, la taille de l'élément h1 est de 20 points. Cela fait les titres de document se distinguent par le texte environnant. Par conséquent: Toujours utiliser ems pour définir les tailles de police!

More Info

+1

explication impressionnante :) +1 –

2

Un em est la largeur de la lettre "m" (dans votre police et taille actuelles).

+1

Ce n'est pas vraiment le cas, c'est un mythe urbain :-) Certaines polices ne sont même pas _have_ un "m" et même ceux qui ont la largeur de leur 'm est parfois moins d'un em: http://en.wikipedia.org/wiki/Em_%28typography%29 – paxdiablo

+1

Ce n'est pas un mythe urbain, c'est juste un utilisation déconseillée du terme. http://www.adobe.com/uk/type/topics/glossary.html#ememspaceemquad – dreamlax

17

1em est égale à la taille actuelle de la police . 2em signifie 2 fois la taille de la police actuelle. Par exemple, si un élément est affiché avec une police de 12 points, alors '2em' est 24 points. Le « em » est une unité très utile en CSS, car il peut adapter automatiquement à la police que le lecteur utilise

Voici un lien vers d'autres unités CSS:

http://www.w3schools.com/cssref/css_units.asp

3

1em est égale à la taille de police actuelle. 2em signifie 2 fois la taille de la police actuelle. Par exemple, si un élément est affiché avec une police de 12 points, alors '2em' est 24 points. Le 'em' est une unité très utile en CSS, car il peut s'adapter automatiquement à la police que le lecteur utilise.

more here

2

Paul est correct, mais son "M" et non "m". Cependant, il s'agit d'une définition ésotérique dérivée de la composition/impression et n'est pas très utile dans ce cas. En termes de ce qui va vous être utile, c'est un pourcentage de la taille de la police.

+1

Non, il n'est vraiment pas :-) – paxdiablo

+0

Eh bien, je me préparais à clarifier avec neraly exactement ce qu'il dit dans l'article Wiki vous avez lié à :-P – prodigitalson

2

Em est la taille d'un caractère. Cela varie en fonction de la taille de la police. Si la taille de la police est 24 alors 2Em sera égal à l'espace qu'il devrait prendre pour contenir deux caractères de la taille de police 24.

Comme cité du wiki.

Un em est une unité de mesure dans le champ de typographie . Cette unité définit la proportion de la largeur de la lettre et hauteur par rapport à la taille de point de la police actuelle.

Pour votre information: En est la moitié de Em. 0,5Em