Exemplo: 24px → 1,5em (base 16px)
Exemplo: 1,5em → 24px (base 16px)
| Px | Em | Usos Comuns | Ações |
|---|
Px (Pixels):Uma unidade absoluta com tamanho fixo que não muda com as configurações do navegador. 1px equivale a um pixel físico na tela.
Em:Uma unidade relativa baseada no tamanho da fonte do elemento atual. 1em equivale ao tamanho da fonte do elemento atual. Se o elemento atual não tiver um tamanho de fonte definido, ele herda do elemento pai.
Fórmulas de Conversão:
• Px → Em: em = px ÷ tamanho da fonte base
• Em → Px: px = em × tamanho da fonte base
Recomendações de Uso:Usar unidades em torna sua página mais responsiva e acessível, permitindo que os usuários ajustem os tamanhos das fontes através das configurações do navegador. O tamanho padrão da fonte do navegador é tipicamente 16px.