Conversor de PX para REM
Converta pixels CSS e rem usando o tamanho da fonte raiz.
REM
REM: 1,5 rem
- Pontos
- 18 pt
- Porcentagem do tamanho raiz
- 150 %
Como funciona
Um rem equivale ao tamanho da fonte do elemento raiz html, 16 px por padrão nos navegadores. Dividir um valor em pixels pelo tamanho raiz dá rem; multiplicar rem pelo tamanho raiz dá pixels.
O em funciona da mesma forma, mas é relativo ao tamanho da fonte do elemento pai; por isso, é igual a rem apenas quando o pai usa o tamanho raiz.
No CSS, 1 px é definido como 1/96 de polegada e 1 pt como 1/72 de polegada, então 1 px = 0.75 pt.
Fórmula
rem = px ÷ tamanho raiz px = rem × tamanho raiz pt = px × 0.75
Exemplo resolvido
Com a raiz padrão de 16 px, 24 px são 24 ÷ 16 = 1.5 rem, que equivalem a 18 pt e 150% do tamanho raiz.
Perguntas frequentes
Por que usar rem em vez de px?
Tamanhos em rem se ajustam quando o usuário altera o tamanho padrão da fonte do navegador, o que ajuda na acessibilidade.
Qual é a diferença entre rem e em?
Rem é relativo ao elemento raiz; em é relativo ao elemento pai do elemento atual, então valores em aninhados se acumulam.