Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Dúvida referencia para medida EM

Olá pessoal,

Fiquei com dúvida em relação à referencia para o tamanho de fonte especificado no EM. Para o REM, sei que a referencia é a fonte do navegador(ou tag html). Por exemplo, no código abaixo o tamanho da fonte é de 2x a fonte do navegador, ou seja, se o tamanho de fonte for 20px o texto no "p" será 40px. Até aqui tudo bem!

.saudacao p {
    font-size: 2rem;
    color: #99A;
    line-height: 1;

}

Entretanto, para o código abaixo, considerando o a medida EM, que considera o tamanho da fonte do elemento, não consigo visualizar qual seria o tamanho da fonte. O que ele considera como referência nesse caso, já que o elemento "p" não possui um tamanho de fonte definido? A referência, nesse caso, também seria o tamanho da fonte do navegador?

.saudacao p {
    font-size: 2em;
    color: #99A;
    line-height: 1;

}

abr.

1 resposta
solução!

Encontrei o post http://blog.caelum.com.br/porque-usar-em-no-seu-css-hoje-em-dia/ e agora ficou claro. No caso do código abaixo, o font-size será 2X o tamanho do elemento pai desse "p", caso o pai não possua fonte-size definido, será considerado como base o tamanho de fonte do primeiro ancestral que tenha o font-size definido. Em último caso, o tamanho da fonte base será o do navegador.

.saudacao p {
    font-size: 2em;
    color: #99A;
    line-height: 1;

}

abraços