Conversor PX ↔ REM ↔ EM ↔ PT
Converta unidades CSS nos dois sentidos com um tamanho raiz configurável — px, rem, em e pt são atualizados juntos.
539 visualizações
Como as unidades se relacionam
rem = px ÷ tamanho raiz (16 px por padrão, então 24 px = 1.5rem); em funciona da mesma forma, mas em relação ao tamanho de fonte herdado do próprio elemento — o campo "tamanho de contexto" do conversor; pt é a unidade de impressão, com 1pt = 1,333px (96dpi ÷ 72). Digite em qualquer campo e os demais são atualizados.
Regra prática: use rem para tamanhos de fonte e espaçamentos, assim as preferências de tamanho de fonte do usuário escalam o layout inteiro; em para paddings que devem acompanhar o texto do próprio componente; px apenas para o que nunca deve escalar (bordas de um pixel). Mudar a raiz para 10 px (o antigo truque dos 62,5%) facilita o cálculo mental, mas é melhor evitar em projetos novos — as bibliotecas de componentes partem do princípio de 16.
Perguntas Frequentes
Por que meu valor em em é diferente do em rem?
em se multiplica pelo tamanho de fonte definido mais próximo, e se acumula em cascata: um 1.5em dentro de um elemento de 1.5em equivale a 2,25× a raiz. rem sempre se refere à raiz — essa previsibilidade é o motivo do seu sucesso.
1pt é realmente 1,333px?
No CSS, sim, por definição: 1in = 96px = 72pt. PDFs de impressão e CSS concordam nessa proporção, embora o tamanho físico dependa do DPI real da tela.
Ferramentas Semelhantes
Reportar um Problema
Conversor PX ↔ REM ↔ EM ↔ PT