Advanced Search

Return to Snippet

Revision: 88
at June 30, 2006 02:33 by Eloi
Initial Code 
/* Asignamos el tamaño en tanto por ciento en el body */
body { font-size: 62.5%; }

/* El resto de tamaños los tenemos que poner como em con un solo decimal como máximo */
p { font-size: 1em; }
h1 { font-size: 2em; }
h2 { font-size: 1.8em; }
...
Initial URL 









Initial Description





Una manera sencilla y muy limpia para utilizar tamaños de fuentes relativos y que todos los navegadores muestren el mismo tamaño de letra.

Solo hay que asignar al "body" un tamaño de letra en "%" y luego al resto de elementos asignarle otro tamaño en "em:s".

Si el % en el body es de "62.5%" y a una clase se le asigna "1em" el resultado es una fuente de 10px.

Visto en "http://friendlybit.com/css/reminder-cross-browser-font-sizes/" y probado para IE6, IE7 Beta 3, Firefox 1.5 y Opera 9.









Initial Title





Tamaños de Fuentes Relativos (Cross-Browser)









Initial Tags





css









Initial Language





CSS