136 px em rem — 8.5 rem, 102 pt
136 px são 8.5 rem e 102 pt: 1.41667 polegadas, 35.983 mm e 850% do tamanho de fonte raiz.
- rem (raiz 16 px)
- 8.5rem
- pt (pontos)
- 102pt · exato
- pc (paicas)
- 8.5pc
- porcentagem da raiz
- 850%
- polegadas
- 1.41667in
- milímetros
- 35.983mm
- centímetros
- 3.5983cm
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 136 px?
8.5 rem, ou seja 136 dividido por 16.
Q. Quantos pontos são 136 px?
102 pt. Um ponto é 1/72 de polegada e uma polegada 96 px, então multiplica-se por 0,75.
Q. Que comprimento é esse?
1.41667 polegadas, ou 35.983 mm — embora uma régua na tela não concorde.
Q. E em porcentagem?
850% do tamanho de fonte raiz.