em CSS

El valor de medida “em” es uno de los valores más usados en la actualidad debido a que es muy práctico en el desarrollo de proyectos adaptables a cualquier tamaño de pantalla.

Teniendo en cuenta que “1em” es igual al tamaño de fuente mostrado por defecto, sabemos que “2em” significa 2 veces el tamaño de la fuente y que tendriamos que jugar con decimales para conseguir un tamaño concreto de fuente que se adapte a nuestro proyecto, por ejemplo “1.3em”, es una unidad muy útil en CSS, ya que puede adaptarse automáticamente, pero a algunos desarrolladores acostumbrados al uso del valor de medida “px” puede resultarle un poco engorroso.

Solución

Para conseguir un uso más práctico de uso de este valor de medida, podemos especificar el tamaño de fuente para la etiqueta body de 62.5%, de este modo, cuando agreguemos el valor “em” a otra etiqueta, esta tomará el valor de referencia de body y 1em, será igual a 10px, tan sencillo como dividir por 10 el número de px y pasarlo a “em”.

Por ejemplo:

Si hemos asignado a body el valor 62.5% para el tamaño de la fuente y queremos asignar un valor de tamaño igual a 16px en una etiqueta <p>, le asignariamos el valor de 1.6em, que es el resultado de dividir 16 entre 10

Valoraciones


1 valoración

  • Albertito 20 marzo, 2017

    llevaba tiempo buscando algo así me ha venido muy bien

Tu valoración


* Tu valoración puede tardar hasta 72 horas en publicarse.

He leido y acepto el Aviso legal y condiciones de uso

CAPTCHA


Utilizamos cookies propias y de terceros para el correcto funcionamiento de la web, personalizar el contenido y mostrar publicidad en función de las preferencias del visitante. Puedes encontrar más información en nuestra Política de cookies.

ACEPTAR
Aviso de cookies