Conversor de Unidades CSS
Converta entre unidades CSS — px, rem, em, vw, vh, pt, cm, mm e in — instantaneamente no seu navegador. Configure o tamanho de fonte base e as dimensões do viewport.
| Unidade | Valor |
|---|
Perguntas frequentes
Qual é a diferença entre px, rem e em?
px (pixels) é uma unidade absoluta que sempre corresponde a um número fixo de pixels do dispositivo. rem (root em) é relativo ao tamanho de fonte do elemento HTML raiz — por padrão 16px na maioria dos navegadores. em é similar, mas relativo ao tamanho de fonte do pai do elemento atual, tornando-o dependente do contexto e podendo se acumular quando aninhado. Para layouts consistentes e escaláveis, rem é geralmente preferido em relação ao em.
Quando devo usar vw e vh?
vw (largura do viewport) e vh (altura do viewport) são percentagens das dimensões do viewport do navegador. 1vw equivale a 1% da largura do viewport e 1vh a 1% da altura. São ideais para seções de tela cheia, tipografia responsiva e seções hero fluidas. Esteja ciente de que vh pode se comportar de forma inesperada em navegadores móveis onde a barra de endereços altera a altura disponível.
Como pt, cm, mm e in se relacionam com px?
Estas são unidades físicas projetadas para mídia impressa. Na tela, o CSS define 1 polegada como exatamente 96px, independentemente da densidade real do display. A partir desse ponto: 1pt = 96/72 px ≈ 1,333px, 1cm ≈ 37,795px, 1mm ≈ 3,78px. Embora essas unidades sejam precisas na impressão, na tela são relativas ao pixel de referência CSS.