Px to Rem
Converta valores de pixels para rem e em para tipografia CSS escalável.
① Insira um valor em pixels ② Defina o tamanho base do font (padrão 16px) ③ Copie rem ou em
Por que usar rem em vez de px?
As unidades rem (root em) escalam com a preferência de tamanho de fonte do navegador do utilizador, tornando a tipografia mais acessível e responsiva. 1rem = 16px na maioria dos navegadores por padrão — os utilizadores podem alterar isso via font-size nas definições do navegador. Usar rem em vez de px garante que o texto escale proporcionalmente.
Perguntas frequentes
rem (root em) é uma unidade CSS relativa baseada no tamanho de fonte do elemento raiz (<html>). Por padrão: 1rem = 16px.
rem é sempre relativo ao elemento raiz. em é relativo ao elemento pai. rem é preferido pela sua previsibilidade.
O tamanho de fonte padrão do navegador é 16px (1rem = 16px). Pode ser alterado com html { font-size: Xpx; }.
Divida o valor px pelo tamanho base. Com base 16px: 24px ÷ 16 = 1,5rem.
Sim. Usar rem respeita as preferências do utilizador e satisfaz WCAG 1.4.4.
Use px para bordas, sombras e media queries. Prefira rem para tipografia.
rem = px ÷ tamanho base. Exemplo: 24px ÷ 16px = 1,5rem.