Olá pessoal.
Nesta parte 4 do treinamento, o instrutor apresentou os parâmetros proporcionais, em
e rem
, mas exploramos mais o valor `em
.
Qual a diferença entre eles, e em quais situações é mais adequado em
ou rem
?
Olá pessoal.
Nesta parte 4 do treinamento, o instrutor apresentou os parâmetros proporcionais, em
e rem
, mas exploramos mais o valor `em
.
Qual a diferença entre eles, e em quais situações é mais adequado em
ou rem
?
Boa noite, amigo! Enquanto o "em" está diretamente relacionado ao tamanho da fonte do elemento pai, o "rem" está relacionado com o tamanho da fonte do elemento root (raiz). Entendeu? Uma forma simples de ver, é a seguinte: Crie uma div, coloque algum conteúdo nela e crie uma margem de 1em, vc verá que será formada uma margem de 16px, mude para "rem", vai continuar da mesma forma! Agora defina o font-size dessa div em 50px, se a margem estiver em "rem" nada irá mudar porque o tamanho de "rem" é o tamanho da fonte raiz, definida por padrão no navegador como 16px, agora ao mudar para "em"o margem vai virar para 50px, pois ele é definido com base no tamanho do font-size da div!
Sugiro a leitura desse artigo de medidas do Alura: https://www.alura.com.br/artigos/guia-de-unidades-no-css
Espero ter ajudado!
Oi, Wesley S. Santos,
Muita boa explicação, ficou bem claro. e obrigado pela sugestão.
Obrigado!