Cómo adaptar font size según resolución de pantalla

[Llunetica]

Hola, soy nueva en este foro y me estreno con una importante duda...

¿Cómo puedo ajustar automáticamente el tamaño del texto dentro de una capa según la resolución de pantalla que tenga cada ordenador?

Lo que sucede es que, p. ej, en el ordenador de mi madre, que tiene automáticamente la letra más grande para leer mejor, los px del tamaño fuente del web que estoy construyendo son mayores y no se ajustan al diseño que yo he establecido des de mi ordenador. Por ejemplo: el menú lo tengo en 11px dentro de una capa de un width de 50%; como no el tamaño de la letra aumenta (en toda la web) y el menú se deforma a dos líneas, aunque el div, al tenerlo en porcentaje, se ajusta a la pantalla.
También sucede cuando empequeñezco la pestaña de la página, los divs y el background se ajustan a la pantalla, pero la letra sigue del mismo tamaño... a consecuencia se superponen capas, etc.

Las capas se ajustan automáticamente al usar porcentajes en sus tamaños, pero ¿cómo puedo hacerlo con el tamaño de la letra?

He leído algo sobre la unidad "rem" (en lugar de em o px), pero no me aclaro de como funciona.

Ojalá me puedan ayudar...