Truco para trabajar con unidades relativas "em"
A través de Ovillo, una vez más, Manuel González Noriega, de Simplelógica, nos ilustra con este truco que hará la vida más fácil a aquellos que se lian con las unidades relativas em.
Dado que la mayoría de navegadores modernos tienen el tamaño por defecto de fuente de 16px, puedes definir el siguiente estilo:
font-size:62.5%;
}
Con lo cuál a partir de entonces todas las medidas en em se pueden pasar a px cómodamente de esta forma:
1.2em => 12px
1.5em => 15px
Aquí se puede ver la prueba que hice en Firefox 1.0.4 (a la izquierda) y Microsoft Internet Explorer 6 (a la derecha):
Recordar que según el punto 3.4 de las pautas de accesibilidad de la W3C, toda página web debe tener tamaños de fuente expresados en unidades relativas:
3.4 Utilice unidades relativas en lugar de absolutas al especificar los valores en los atributos de los marcadores de lenguaje y en los valores de las propiedades de las hojas de estilo. [Prioridad 2]
Gracias de nuevo a Manuel por compartir los conocimientos que el resto absorbemos como parásitos [risa]. A ver si vuelve a poner en marcha Logicola cuanto antes.
stralunato dijo
Gracias, Gigo. Una información muy, pero que muy útil.
21 Julio 2005 | 10:45 AM