Unidades CSS·53px
53px =
3.3125rem
39.75pt

53 px en rem — 3.3125 rem, 39.75 pt

53 px son 3.3125 rem y 39.75 pt: 0.55208 pulgadas, 14.023 mm y el 331.25% del tamaño de fuente raíz.

rem (raíz 16 px)
3.3125rem
pt (puntos)
39.75pt
pc (picas)
3.3125pc
porcentaje de la raíz
331.25%
pulgadas
0.55208in
milímetros
14.023mm
centímetros
1.4023cm

Por qué rem se divide entre 16

Porque los navegadores fijan el tamaño de fuente raíz en 16 px y rem es un múltiplo de él. Si el lector aumenta el texto en su navegador, solo crece lo escrito en rem; lo fijado en px se queda igual.

Tamaños cercanos

pxrem (raíz 16 px)pt (puntos)
50px3.125rem37.5pt
51px3.1875rem38.25pt
52px3.25rem39pt
53px3.3125rem39.75pt
54px3.375rem40.5pt
55px3.4375rem41.25pt
56px3.5rem42pt

En pantalla, pt y pulgadas siguen siendo píxeles

CSS fija una pulgada en 96 px y un punto en 1/72 de pulgada. Así 16 px son exactamente 12 pt, aunque si pones una regla en la pantalla esa «pulgada» no medirá una pulgada.

Los tamaños más habituales

Texto base en 16, texto pequeño en 14, espaciados de 8, 24 y 32: los valores que se repiten.

Cómo leerlo

  • rem = px ÷ 16, porque los navegadores fijan la fuente raíz en 16 px.
  • pt = px × 0,75, ya que CSS fija la pulgada en 96 px y el punto en 1/72 de pulgada.
  • Un pc son 12 pt, y una pulgada son 96 px y también 72 pt.
  • Usa rem para texto y espaciados; deja px para líneas finas como los bordes.

Preguntas frecuentes

Q. ¿Cuántos rem son 53 px?

3.3125 rem, es decir 53 entre 16.

Q. ¿Cuántos puntos son 53 px?

39.75 pt. Un punto es 1/72 de pulgada y una pulgada 96 px, así que se multiplica por 0,75.

Q. ¿Qué longitud es esa?

0.55208 pulgadas, o 14.023 mm, aunque una regla sobre la pantalla no coincidirá.

Q. ¿Y en porcentaje?

El 331.25% del tamaño de fuente raíz.