Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Dúvida no Ex. 5 da Aula 1 - Pixels?

Olá, pra mim ainda não ficou claro o uso do rem

2 respostas
solução!

Oi Rodrigo!

Pensa na seguinte estrutura: header > nav > ul > li > a > span.

Se voce coloca um font-size: 2REM no span, não importa o font-size do pai dele (no nosso caso o A), ele vai pegar como referência a raíz do documento (daí o nome, Root EM), o HTML no caso.

Se o tamano da fonte do < HTML > estiver em 20px, nosso SPAN terá um font-size de 40px.

Ficou mais ok?

Abcs!

Exatamente :) aproveitando a resposta de Natan Lembrando o fato nesse caso 2rem = 2 x 20 em vez de 2rem fosse 3rem ficaria 3rem = 3x20 1.5rem = 1.5x20 e assim por diante.

mas caso não tenha definido um tamanho de fonte no elemento raiz "html" o font-size vai ser tamanho da fonte padrão do browser esse calculo vai ser baseado dessa forma 2rem = 2 x font-size (tam-padrão)

Espero ter ajudado.

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software