Sinopsis: Tanto rem como em son unidades de tamaño en CSS. Rem es el tamaño de fuente del elemento raíz r. Em es el tamaño de fuente del contexto local.

La unidad em se toma prestada del mundo de la tipografía impresa y es una unidad que permite establecer el tamaño de fuente de un elemento en relación con el tamaño de fuente declarado más cercano en su jerarquía de componentes.

La unidad rem, abreviatura de root em, siempre hace referencia al valor del tamaño de fuente del elemento raíz, el elemento . Si el elemento no tiene un tamaño de fuente especificado, se utiliza el valor predeterminado del navegador de 16 píxeles.

Ambas unidades se pueden usar para atributos de cualquier tamaño, como margen y altura de línea. Si es así, rem mantiene su definición consistente. Em, por otro lado, hace referencia al tamaño de fuente propio del elemento.

Opinión del desarrollador

Admito que los usé mucho más en el código que escribí, pero después de aprender esto, ¡rem es más intuitivo y confiable que em! Usaré rem a partir de este momento, a menos que quiera tener en cuenta específicamente el tamaño en el contexto localizado.

Si eres un desarrollador de HTML y estás interesado en unirte a la misión de salvar el mundo, únete al equipo de Salvation Company, ¡donde estamos haciendo precisamente eso! Los avances tecnológicos son un factor seguro a la hora de hacer lo que estamos haciendo, ¡y hay espacio tanto para principiantes como para ingenieros arquitectos senior! (Y gerentes de producto, diseñadores, técnicos, estudiantes, asesores, matemáticos y...) Las salas están abiertas; Tienes que ser respetuoso. ¿Es la salvación de todos modos? ¡Nos vemos allí!