Unidades CSS·133px
133px =
8.3125rem
99.75pt

133 px em rem — 8.3125 rem, 99.75 pt

133 px são 8.3125 rem e 99.75 pt: 1.38542 polegadas, 35.19 mm e 831.25% do tamanho de fonte raiz.

rem (raiz 16 px)
8.3125rem
pt (pontos)
99.75pt
pc (paicas)
8.3125pc
porcentagem da raiz
831.25%
polegadas
1.38542in
milímetros
35.19mm
centímetros
3.519cm

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)
130px8.125rem97.5pt
131px8.1875rem98.25pt
132px8.25rem99pt
133px8.3125rem99.75pt
134px8.375rem100.5pt
135px8.4375rem101.25pt
136px8.5rem102pt

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

8.3125 rem, ou seja 133 dividido por 16.

Q. Quantos pontos são 133 px?

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

Q. Que comprimento é esse?

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

Q. E em porcentagem?

831.25% do tamanho de fonte raiz.