Quanto é 1rem em px?

1rem equivale ao tamanho de fonte da raiz; com o padrão de 16 px, 1rem vale 16 px.

Qual a diferença entre em e rem?

rem é sempre relativo ao tamanho de fonte do elemento raiz, enquanto em é relativo ao tamanho herdado pelo elemento atual.

Navegadores móveis ocultam ou exibem a barra de endereço, então 100vh pode exceder a área visível; use dvh ou svh quando disponível.

Prefira rem para tipografia de interface; use px apenas em bordas finas e detalhes ao pixel.

Atualizado: 2026-09-01

Unidade	Relativo a	Uso típico
px	Pixel do dispositivo (pixel CSS)	Bordas, ícones precisos
rem	Tamanho de fonte da raiz	Escala tipográfica, espaçamento
em	Tamanho de fonte do pai	Dimensionamento local do componente
%	Propriedade do pai	Larguras, layouts flexíveis
vw	1% da largura do viewport	Seções full-bleed
vh	1% da altura do viewport	Altura de hero (cuidado com mobile)
vmin / vmax	Lado menor/maior do viewport	Tamanhos responsivos quase quadrados
ch	Largura do glifo “0”	Blocos de código, campos monoespaçados
ex	Altura x da fonte	Tipografia fina rara
svh / lvh / dvh	Viewport pequeno/grande/dinâmico	Altura segura do navegador móvel

No celular, 100vh pode incluir a barra oculta do navegador; prefira dvh/svh quando suportado.
O tamanho de fonte do usuário afeta o rem — geralmente bom para acessibilidade.

Quanto é 1rem em px?: 1rem equivale ao tamanho de fonte da raiz; com o padrão de 16 px, 1rem vale 16 px.
Qual a diferença entre em e rem?: rem é sempre relativo ao tamanho de fonte do elemento raiz, enquanto em é relativo ao tamanho herdado pelo elemento atual.
Por que 100vh falha no celular?: Navegadores móveis ocultam ou exibem a barra de endereço, então 100vh pode exceder a área visível; use dvh ou svh quando disponível.