Me.css v4 beta + sass Variables, Mixins and conditionals xxl optional xxxl optional Optional mixins Optional media query styles...
Usar la unidad de medida em de forma práctica
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
Tu valoración
Quizás te interese ...
Google Fonts se ha convertido es una herramienta de referencia para los diseñadores web, pero por cada fuente que agregamos a nuestro sitio...
me.css v4 beta ya disponible! https://didesweb.com/css/me-css-sass/ 35.4kb unminified Me.css es una librería css basada en Emmet muy...
CSS3 nos aporta entre otras novedades la propiedad gradient, que nos permite mostrar transiciones suaves entre dos o más colores. Antes,...
Albertito 20 marzo, 2017
llevaba tiempo buscando algo así me ha venido muy bien