[Duda] Diferencia entre REM y EM

¡Hola Andrea!

La diferencia entre REM y EM radica en cómo se calcula su tamaño en relación con el tamaño de la fuente base.

El EM se calcula en relación con el tamaño de fuente del elemento padre. Por ejemplo, si tienes un elemento con un tamaño de fuente de 16px y le das un valor de 1em a otro elemento dentro de él, ese elemento tendrá un tamaño de fuente de 16px.

Por otro lado, el REM se calcula en relación con el tamaño de fuente del elemento raíz (normalmente el tamaño de fuente del elemento HTML). Por ejemplo, si el tamaño de fuente del elemento raíz es de 16px y le das un valor de 1rem a un elemento, ese elemento también tendrá un tamaño de fuente de 16px.

Entonces, ¿cuándo utilizar cada uno?

Si quieres que un elemento tenga un tamaño de fuente relativo al tamaño de fuente de su elemento padre, utiliza EM. Por ejemplo, si quieres que un párrafo dentro de un div tenga un tamaño de fuente proporcional al tamaño de fuente del div, puedes utilizar EM.

Si quieres que un elemento tenga un tamaño de fuente relativo al tamaño de fuente del elemento raíz, utiliza REM. Por ejemplo, si quieres que el tamaño de fuente de todos los elementos de tu página sea proporcional al tamaño de fuente del elemento raíz, puedes utilizar REM.

¡Espero haber resuelto tu duda! Si tienes alguna otra pregunta, no dudes en hacerla. ¡Buenos estudios!