Ver Mensaje Individual
  #5 (permalink)  
Antiguo 02/05/2013, 17:01
Avatar de ryugen
ryugen
Colaborador
 
Fecha de Ingreso: agosto-2008
Ubicación: Rosario, Santa Fe
Mensajes: 350
Antigüedad: 16 años, 2 meses
Puntos: 187
Respuesta: Firefox y Chrome memuestran h2 más grande que h1

Al ponerlos dentro de un elemento section Firefox 20 le aplica el siguiente estilo del sistema (un estilo CSS que no se puede evitar aplicar, al que debes sobre-escribir):

Código CSS:
Ver original
  1. h2, *:-moz-any(article, aside, nav, section) h1 {
  2.     display: block;
  3.     font-size: 1.5em;
  4.     font-weight: bold;
  5.     margin: 0.83em 0;
  6. }
Como vemos el h2 y cualquier h1 dentro de un aside, section, article y nav tendrán el mismo estilo.

En el caso del Google Chrome es similar, se aplica el siguiente estilo en una user agent stylesheet

Código CSS:
Ver original
  1. :-webkit-any(article,aside,nav,section) h1 {
  2. font-size: 1.5em;
  3. -webkit-margin-before: 0.83em;
  4. -webkit-margin-after: 0.83em;
  5. }

Estos valores pueden verse desde el Web Developer Tools (Google Chrome) o desde el Firebug (pestaña "Estilo", en el depegable activar "Mostrar CSS del user agent")

Saludos