Olá, pra mim ainda não ficou claro o uso do rem
Solucionado
Olá, pra mim ainda não ficou claro o uso do rem
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.