Por que a conversão de rem depende do tamanho da fonte base?

rem é relativo ao tamanho da fonte do elemento raiz. Altere o campo de tamanho da fonte base para corresponder ao seu CSS :root ou font-size do html.

Qual é a diferença entre % e pontos percentuais?

em é relativo ao tamanho da fonte do elemento pai, enquanto rem é sempre relativo ao tamanho da fonte raiz. Esta ferramenta usa o tamanho da fonte base para ambos como ponto de referência.

Como o tempo de leitura é calculado?

1 vw é igual a 1% da largura do viewport e 1 vh é igual a 1% da altura do viewport. Ajuste os campos de dimensões do viewport para corresponder à sua tela alvo.

pt é o mesmo que px?

Não — 1 pt é igual a 1/72 de uma polegada (aproximadamente 1,333 px a 96 dpi). Os pontos são usados principalmente em folhas de estilo de impressão.

Design Gratuito Sem cadastro

Conversor de unidades

Converta um valor CSS entre px, rem, em, %, vw, vh, pt, cm, mm e in de uma só vez.

Carregando ferramenta…

Sobre esta ferramenta

Insira um valor em qualquer unidade CSS e veja imediatamente seu equivalente em todas as outras unidades. Configure o tamanho da fonte base, largura do viewport e altura do viewport para que as conversões correspondam ao seu projeto real. Uma tabela de referência útil de pontos de interrupção responsivos comuns em todas as unidades está incluída na parte inferior.

Como usar

1 Etapa 1: Defina seu tamanho de fonte base (padrão 16 px), largura do viewport e altura do viewport na parte superior.
2 Etapa 2: Insira um valor em qualquer campo de unidade — todos os outros campos são atualizados instantaneamente.
3 Etapa 3: Leia a tabela de conversão para encontrar o equivalente na unidade que você precisa.
4 Etapa 4: Role para baixo até a referência de pontos de interrupção para valores de design responsivo comumente usados.

Sobre esta ferramenta

Como usar

Perguntas frequentes