Unidades CSS·65px
65px =
4.0625rem
48.75pt

65 px em rem — 4.0625 rem, 48.75 pt

65 px são 4.0625 rem e 48.75 pt: 0.67708 polegadas, 17.198 mm e 406.25% do tamanho de fonte raiz.

rem (raiz 16 px)
4.0625rem
pt (pontos)
48.75pt
pc (paicas)
4.0625pc
porcentagem da raiz
406.25%
polegadas
0.67708in
milímetros
17.198mm
centímetros
1.7198cm

Por que rem se divide por 16

Porque os navegadores definem o tamanho de fonte raiz em 16 px e rem é um múltiplo dele. Se o leitor aumentar o texto no navegador, só cresce o que está em rem; o que foi fixado em px permanece.

Tamanhos próximos

pxrem (raiz 16 px)pt (pontos)
62px3.875rem46.5pt
63px3.9375rem47.25pt
64px4rem48pt
65px4.0625rem48.75pt
66px4.125rem49.5pt
67px4.1875rem50.25pt
68px4.25rem51pt

Na tela, pt e polegadas continuam sendo pixels

O CSS fixa uma polegada em 96 px e um ponto em 1/72 de polegada. Assim, 16 px são exatamente 12 pt — mas encoste uma régua na tela e essa "polegada" não medirá uma polegada.

Os tamanhos mais comuns

Texto base em 16, texto pequeno em 14, espaçamentos de 8, 24 e 32: os valores que se repetem.

Como ler

  • rem = px ÷ 16, porque os navegadores fixam a fonte raiz em 16 px.
  • pt = px × 0,75, já que o CSS fixa a polegada em 96 px e o ponto em 1/72 de polegada.
  • Um pc são 12 pt, e uma polegada são 96 px e também 72 pt.
  • Use rem para texto e espaçamentos; deixe px para linhas finas como bordas.

Perguntas frequentes

Q. Quantos rem são 65 px?

4.0625 rem, ou seja 65 dividido por 16.

Q. Quantos pontos são 65 px?

48.75 pt. Um ponto é 1/72 de polegada e uma polegada 96 px, então multiplica-se por 0,75.

Q. Que comprimento é esse?

0.67708 polegadas, ou 17.198 mm — embora uma régua na tela não concorde.

Q. E em porcentagem?

406.25% do tamanho de fonte raiz.