Cita: Hola, hace varios días leí un post que decía que no era muy adecuado definir "font-size" en un header así pues lo que hice fue sacar esta etiqueta y así cada headers tuviese su tamaño definido, pero el problema es que en Mozilla disminuye considerablemente porque?
Esta teoria de que no se debe cambiar el font-size es una tonteria porque:
1 Las CSS fueron creados precisamente para permitir este tipo de cambio
2 Lo que define un titulo puede ser el font-size... u otra cosa (color, subrayado, negrita, imagen o color de fondo, bordes distintos, alineación...)
3 Como lo puedes comprobar, los valores por defecto de los elementos HTML varian de un navegador a otro porque no existe ninguna norma que indique los valores por defecto si no hay hoja de estilo en el documento (hay unos valores de ejemplo en la norma HTML4 pero no son normativos, unicamente indicativos).
est codigo que usas :
body {
font-size: 70%;
}
Significa que el texto de referencia del body debe ser el 70% del valor por defecto indicado en las preferencias del navegador. Por ejemplo yo uso un tamaño de texto de 16px, lo que significa que veré texto de 11,2px de altura.
Cuidado con las medidas en % sobre body, causan bugs de rendimiento en IE6 cuando cambias el zoom de texto (por cierto asegurate que tienes el zoom de IE en el valor mediano).
Un método facil es usar un valor en pixeles para body y valores en em para el texto :
body {font-size: 12px;}
h1 {font-size: 1.6em;}
h2 {font-size: 1.5em;}
h3 {font-size: 1.4em;}
h4 {font-size: 1.3em;}
...
H2 tendria asi un tamaño de 18px.