Fórmula
1rem = root px · 1em = element px · 1pt = 96/72 px
Normalice la unidad de origen a píxeles de referencia CSS y luego divida por el factor de píxeles contextual de la unidad de destino.
Imagen y pantalla
● Se ejecuta localmenteConvertidor de unidades CSS
Convierta longitudes CSS comunes solo cuando el contexto requerido sea explícito. Proporcione tamaños de fuente de elemento raíz y actual para que rem y em no asuman silenciosamente la misma base.
Valores de ejemplo
Longitud CSS convertida
Suposiciones
- Los tamaños de fuente de raíz y de elementos son estrictamente positivos.
- Se utiliza el píxel de referencia CSS en lugar de un píxel de pantalla físico medido.
Esta herramienta asume la relación de referencia CSS 1in = 96px y 1pt = 1/72in. Se excluyen las unidades y porcentajes de la ventana gráfica.
Revisión de fórmula
Formula v1.0.0
Revisado 2026-08-03
CalcFlow engineering review
Convertidor de unidades CSS: Ejemplo resuelto
En una raíz de 16 px, 24 px ÷ 16 = 1,5 rem. Según la regla del píxel de referencia, 24 px también equivalen a 18 pt.
Preguntas frecuentes
¿Cuál es la diferencia entre rem y em?
rem usa el tamaño de fuente del elemento raíz. em utiliza el contexto de tamaño de fuente del elemento actual.
¿Por qué se excluyen los porcentajes?
Un porcentaje puede depender de diferentes propiedades y bloques que lo contienen, por lo que un contexto escalar no es suficiente.
¿Es un CSS px un píxel físico?
No necesariamente. CSS define un píxel de referencia que los navegadores asignan a los píxeles del dispositivo según la visualización y el zoom.