Utilizando una unidad de este tipo relativa como EM es una gran manera de mantener el ritmo vertical de una página web cuando un usuario cambia el tamaño de texto en su navegador. Constantemente para llegar a una calculadora para calcular el valor correcto de EM para usar cada vez que necesita es también una gran manera de conducir usted mismo mad.age:
Digamos que usted tiene un H3 es 24 píxeles. No importa cómo el tamaño de fuente se establece (píxeles, EMS, porcentajes, etc.) Puede comprobar la fuente real de tamaño en píxeles usando Firebug marcando "Mostrar computarizada de estilo"en el menú Opciones en la esquina superior derecha de la CSS / panel de estilo mientras se visualiza en el modo HTML.
Que ha marcado la competición de diseño y mide exactamente 9 píxeles del margen inferior en el H3 hasta el siguiente elemento. Por supuesto, usted puede configurar la parte inferior del margen de H3 a 9 píxeles y seguir adelante. Pero que no se escala cuando un usuario de sus golpes tamaño del texto en su navegador y su ritmo vertical se derrumbará como el H3 crece en tamaño, pero mantiene el mismo 9 píxeles del margen inferior.
La fórmula para calcular la EM multiplicador es:
el tamaño deseado de píxeles / tamaño de píxel actual = multiplicador
Así que para el ejemplo H3: 9 / 24 = 0.375
Yo uso el EmChart todo el tiempo al convertir composiciones de diseño en HTML / CSS plantillas - que es básicamente todo el día todos los días. Me parece muy útil para calcular los márgenes de fondo, altura de línea (que están sin unidades, pero la fórmula se aplica todavía), los márgenes superior y superior / inferior de relleno entre otras cosas. También es muy útil para mantener anidados en relación fuente-tamaño recta.
Como ya he dicho, no importa cómo su fuente actual tamaño está establecido. Así que esto funcionará para usted, independientemente de lo que font-size o unidad es (o no), creado en el elemento HTML, el elemento del cuerpo, o cualquier otro elemento. Usted sólo necesita saber el tamaño en píxeles efectivos del elemento actual que está trabajando.