Todavía no tengo claro qué significa tamaño en em?
He trabajado px, pt en CSS.
¿Qué significarían 0.8, 1.0 y 1.2 em?
He visto la altura en CSS como: altura: 0.8em; o altura: 1.2em;
¿Cómo se calcula?¿Qué es la altura en em?
El significado de "em" ha cambiado a lo largo de los años. No todas las fuentes tienen la letra "M" en ellas (por ejemplo, chino), pero todas las fuentes tienen una altura. El término ha llegado a significar la altura de la fuente, no el ancho de la letra "M."Mirada
Vamos a un ejemplo sencillo donde utilizamos la unidad em para definir los tamaños de fuente:
<html>
<style>
h1 { font-size: 2em }
</style>
<body>
<h1>Movies</h1>
</body>
</html>
Cuando se utiliza para especificar los tamaños de fuente, la unidad em se refiere al tamaño de fuente del elemento padre. Así, en el ejemplo anterior , el tamaño de fuente del elemento
h1está dispuesto a ser el doble del tamaño de la fuente del elementobody. para encontrar lo el tamaño de fuente del elementoh1será ser, necesitamos saber el tamaño de fuente debody. Como esto no se especifica en la hoja de estilos, el navegador debe encontrar en otro lugar; un buen lugar para ver es según las preferencias del usuario. Por lo tanto, si el usuario establece el tamaño normal de la fuente en 10 puntos, el tamaño del elementoh1es de 20 puntos. Esto hace que los titulares de los documentos se destaquen relativa en el texto circundante. Por lo tanto: ¡Siempre use ems para configurar tamaños de fuente!
awesome explanation :) +1 –
Un em es el ancho de la letra "m" (en su fuente y tamaño actuales).
Esto no es realmente así, es un mito urbano :-) Algunas fuentes ni siquiera _have_ una "m" e incluso aquellos que tienen el ancho de su 'm a veces son menos que un em: http://en.wikipedia.org/wiki/Em_%28typography%29 – paxdiablo
No es un mito urbano, es solo un uso desaprobado del término. http://www.adobe.com/uk/type/topics/glossary.html#ememspaceemquad – dreamlax
1em es igual al tamaño fuente actual.
2em significa 2 veces el tamaño de la fuente actual.
P. ej., Si un elemento se muestra con una fuente de 12 puntos, entonces '2em' tiene 24 puntos. El 'em' es una unidad muy útil en CSS, ya que puede adaptarse automáticamente a la fuente que el lector utiliza
Aquí hay un enlace a otras unidades de CSS:
1 em es igual a la tamaño de fuente actual. 2em significa 2 veces el tamaño de la fuente actual. Por ejemplo, si un elemento se muestra con una fuente de 12 puntos, entonces '2em' tiene 24 puntos. El 'em' es una unidad muy útil en CSS, ya que puede adaptarse automáticamente a la fuente que usa el lector.
Paul es correcto, sin embargo, su "M" no "m". Sin embargo, esta es una definición esotérica derivada de la composición tipográfica/impresión y no es de mucha utilidad en este caso. En términos de lo que va a ser útil para usted, es un porcentaje del tamaño de fuente.
No, él realmente no es :-) – paxdiablo
Bueno, me estaba preparando para aclarar con neara exactamente lo que dice en el artículo de Wiki has vinculado a lo siguiente :-P – prodigitalson
Em es del tamaño de un personaje. Varía según el tamaño de la fuente. Si el tamaño de la fuente es 24, entonces 2Em será igual al espacio que debería ocupar para mantener dos caracteres del tamaño de la fuente 24.
Como se cita en la wiki.
Un em es una unidad de medida en el campo de la tipografía. Esta unidad define la proporción del ancho de letra y la altura con respecto al tamaño de punto de la fuente actual.
FYI: En es la mitad de Em. 0.5Em
Además ems, puede medir distancias en ens y ejs. –
Una pregunta "em vs px": http://stackoverflow.com/questions/609517/why-em-instead-of-px –