Usando uma unidade relativa, como o EM é uma ótima maneira de manter o ritmo vertical de uma página web quando o usuário redimensiona o texto em seu navegador. A busca por uma calculadora para calcular o valor EM correta de usar cada vez que você precisa é também uma ótima maneira de conduzir-se louco.
Digamos que você tenha um H3 que é 24 pixels. Não importa como o tamanho da fonte é definido (pixels, EMS, percentagens, etc). Você pode verificar o real tamanho da fonte em pixels usando o Firebug, verificando "Show computadorizada Estilo"no menu Opções no canto superior direito do painel CSS / Style enquanto visualiza no modo HTML.
Você conferiu o comp design e medido exatamente 9 pixels da margem inferior sob o H3 até o próximo elemento. Claro que você pode definir o margin-bottom do H3 a 9 pixels e seguir em frente. Mas isso não irá dimensionar quando uma solavancos usuário até o seu tamanho de texto em seu navegador e seu ritmo vertical vai desmoronar como o H3 cresce em tamanho, mas mantém os mesmos 9 pixels da margem inferior.
A fórmula para o cálculo da EM multiplicador é:
tamanho desejado pixel / pixel = tamanho atual multiplierr é:
Assim, por exemplo a H3: 9 / 24 = 0,375
Eu uso o EmChart todo o tempo ao converter composições de design em HTML / CSS templates - que é basicamente o dia inteiro todos os dias. Acho que é muito útil para o cálculo das margens de fundo, linha de alturas (que são sem unidade, mas a fórmula ainda se aplica), margens superior e padding superior / inferior, entre outras coisas. É também muito útil para manter aninhado em relação aos tamanhos de fonte em linha reta.
Como eu mencionei, não importa como o seu atual tamanho da fonte é definido. Então, isso vai funcionar para você, independentemente do que o tamanho da fonte ou unidade é (ou não), definido no elemento HTML, elemento BODY, ou qualquer outro elemento. Você só precisa saber o tamanho do pixel efetiva do elemento atual que você está trabalhando.