Unidades CSS·83px
83px =
5.1875rem
62.25pt

83 px em rem — 5.1875 rem, 62.25 pt

83 px são 5.1875 rem e 62.25 pt: 0.86458 polegadas, 21.96 mm e 518.75% do tamanho de fonte raiz.

rem (raiz 16 px)
5.1875rem
pt (pontos)
62.25pt
pc (paicas)
5.1875pc
porcentagem da raiz
518.75%
polegadas
0.86458in
milímetros
21.96mm
centímetros
2.196cm

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)
80px5rem60pt
81px5.0625rem60.75pt
82px5.125rem61.5pt
83px5.1875rem62.25pt
84px5.25rem63pt
85px5.3125rem63.75pt
86px5.375rem64.5pt

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 83 px?

5.1875 rem, ou seja 83 dividido por 16.

Q. Quantos pontos são 83 px?

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

Q. Que comprimento é esse?

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

Q. E em porcentagem?

518.75% do tamanho de fonte raiz.