9 px em rem — 0.5625 rem, 6.75 pt
9 px são 0.5625 rem e 6.75 pt: 0.09375 polegadas, 2.381 mm e 56.25% do tamanho de fonte raiz.
- rem (raiz 16 px)
- 0.5625rem
- pt (pontos)
- 6.75pt
- pc (paicas)
- 0.5625pc
- porcentagem da raiz
- 56.25%
- polegadas
- 0.09375in
- milímetros
- 2.381mm
- centímetros
- 0.2381cm
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
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 9 px?
0.5625 rem, ou seja 9 dividido por 16.
Q. Quantos pontos são 9 px?
6.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.09375 polegadas, ou 2.381 mm — embora uma régua na tela não concorde.
Q. E em porcentagem?
56.25% do tamanho de fonte raiz.