Conversor de PX a REM

Cómo funciona

En CSS, un rem es un múltiplo del tamaño de fuente raíz. Con el valor por defecto del navegador de 16 px, 24 px equivalen a 1,5 rem y 16 px a exactamente 1 rem. Este conversor divide tu valor en píxeles por la base que fijes. La razón para preferir rem es la accesibilidad. Un usuario que aumenta el tamaño de fuente por defecto de su navegador espera que toda la interfaz escale con él — eso ocurre automáticamente con rem, mientras que un diseño fijado en píxeles se queda obstinadamente pequeño y puede volverse inutilizable. La diferencia con em es el punto de referencia: em es relativo al tamaño de fuente del elemento *padre*, así que los anidamientos se acumulan (un em dentro de un em dentro de un em encoge de forma imprevisible), mientras rem siempre se refiere a la raíz y sigue siendo predecible. Práctica común: rem para espaciado y tipografía, em para propiedades que deban seguir el tamaño de su propio elemento, como el padding de un botón.