2
respostas

Eu entendi o rem , porém o em, fiquei com dúvidas sobre como ele funciona

padding-top: 12.25rem;
padding-top: 12.25em;
2 respostas

Boa tarde Elivelton, a tag rem (root em) irá utilizar como base o elemento raiz, já a tag em vai utilizar o elemento pai.

Aqui existe um tópico já resolvido que fala justamente sobre essas duas medidas para você entender um pouquinho melhor sobre como funcionam: em ou rem

Espero ter ajudado!

Oi Elivelton,

De forma mais simples o REM usa como referência a fonte da hierarquia mais alta do documento, enquanto e EM usa como referência a hierarquia imediatamente superior. EX:

<html style="font-size:40px" >
    <body style="font-size:20px">
        <p style="font-size:1rem">esta fonte tem o tamanho da tag html</p>
        <p style="font-size:1em">esta fonte tem o tamanho da tag body</p> 
    </body>

É importante entender a diferença para facilitar uma futura manutenção do código. Eu fiz o código dentro das tags mas o CSS segue a mesma lógica