De px a em, de tamaño fijo a relativo

Fórmula 1:

Valor en em = Tamaño en px deseado / Tamaño en px del elemento padre

Por ejemplo, si tienes un div con una fuente equivalente a 12px y deseas obtener un encabezado h3, dentro del div, de 21 px:

Tamaño en em = 21px/12px = 1.75 em

Si en vez de estar trabajando con em, estamos trabajando con tamaños en porcentaje. La fórmula sería:

Valor en % = (Tamaño en px deseado / Tamaño en px del elemento padre)*100

 

Fórmula 2:

Usar en las CSS la fórmula del 62.5

/*
Si establecemos el tamaño del texto por defecto al 62.5% del original,
tendremos que
1em = 10px
0.9em = 9px;
1.2em = 12px;
2.3em = 23px;
*/

body {
font: 62.5% arial, helvetica, sans-serif;
}

Posts relacionados

No related posts

1 comentario »

  1. Oriol Said,

    Octubre 26, 2007 @ 9:04 am

    És força útil el Em Calculator: http://riddle.pl/emcalc/ que et permet anar calculant “on the fly”

RSS feed for comments on this post · URI para TrackBack.

Leave a Comment