Unidades CSS·127px
127px =
7.9375rem
95.25pt

127 px em rem — 7.9375 rem, 95.25 pt

127 px são 7.9375 rem e 95.25 pt: 1.32292 polegadas, 33.602 mm e 793.75% do tamanho de fonte raiz.

rem (raiz 16 px)
7.9375rem
pt (pontos)
95.25pt
pc (paicas)
7.9375pc
porcentagem da raiz
793.75%
polegadas
1.32292in
milímetros
33.602mm
centímetros
3.3602cm

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)
124px7.75rem93pt
125px7.8125rem93.75pt
126px7.875rem94.5pt
127px7.9375rem95.25pt
128px8rem96pt
129px8.0625rem96.75pt
130px8.125rem97.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 127 px?

7.9375 rem, ou seja 127 dividido por 16.

Q. Quantos pontos são 127 px?

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

Q. Que comprimento é esse?

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

Q. E em porcentagem?

793.75% do tamanho de fonte raiz.