¿Cuánto es 1rem en px?

1rem equivale al tamaño de fuente de la raíz; con el valor por defecto de 16 px, 1rem son 16 px.

¿Qué diferencia hay entre em y rem?

rem siempre es relativo al tamaño de fuente del elemento raíz, mientras que em lo es al tamaño heredado del elemento actual.

Los navegadores móviles muestran u ocultan la barra de direcciones, así que 100vh puede superar el área visible; usa dvh o svh si está disponible.

Para tipografías de interfaz prefiere rem; usa px solo para bordes finos y detalles al píxel.

Actualizado: 2026-09-01

Unidad	Relativo a	Uso típico
px	Píxel del dispositivo (píxel CSS)	Bordes, iconos precisos
rem	Tamaño de fuente de la raíz	Escala tipográfica, espaciado
em	Tamaño de fuente del padre	Dimensionado local del componente
%	Propiedad del padre	Anchos, diseños flexibles
vw	1% del ancho del viewport	Secciones a sangre completa
vh	1% de la altura del viewport	Altura de hero (cuidado con el móvil)
vmin / vmax	Lado menor/mayor del viewport	Tamaños responsivos casi cuadrados
ch	Ancho del glifo «0»	Bloques de código, campos monoespaciados
ex	Altura x de la fuente	Tipografía fina poco común
svh / lvh / dvh	Viewport pequeño/grande/dinámico	Altura segura del navegador móvil

En móvil, 100vh puede incluir la barra del navegador oculta; prefiere dvh/svh donde esté disponible.
El tamaño de fuente del usuario afecta a rem — eso suele ser bueno para la accesibilidad.

¿Cuánto es 1rem en px?: 1rem equivale al tamaño de fuente de la raíz; con el valor por defecto de 16 px, 1rem son 16 px.
¿Qué diferencia hay entre em y rem?: rem siempre es relativo al tamaño de fuente del elemento raíz, mientras que em lo es al tamaño heredado del elemento actual.
¿Por qué 100vh falla en móvil?: Los navegadores móviles muestran u ocultan la barra de direcciones, así que 100vh puede superar el área visible; usa dvh o svh si está disponible.