Usar la unidad de medida em de forma práctica

19 de /marzo03 de /2014
1m 32s
css
1 comentario
1362
5

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

Quizás te interese ...

Utilizamos cookies para mejorar tu experiencia

Utilizamos cookies propias y de terceros para personalizar el contenido, analizar nuestros servicios, ofrecer funciones de redes sociales, analizar el tráfico y mostrarte publicidad relacionada con sus preferencias en base a un perfil elaborado a partir de tus hábitos de navegación.

Permitir todas las cookies Configurar Política de cookies