em : Esta medida se dirige a definir la fuente de un elemento. Por ejemplo: 3em significa 3 veces el tamaño de la fuente actual.

ex : Relativo a la altura x de la fuente actual (raramente utilizada).

ch : Esta medida se toma en relación con el ancho del "0" .

rem : Esta medida se refiere al tamaño de fuente del elemento raíz. Muy usado actualmente para tener las medidas equilibradas

vw : Relativo al 1% del ancho de la ventana. Nos facilita definir el ancho total de la ventana.

Ejemplo

See the Pen unidades by Bernardo Martin (@bermartinv) on CodePen.

vh : Relativo al 1% de la altura de la ventana. Nos facilita definir el alto total de la ventana.

Ejemplo

See the Pen unidades by Bernardo Martin (@bermartinv) on CodePen.

vmin : Relativo al 1% de la dimensión más pequeña de la ventana.

vmax : Relativo al 1% de la dimensión más grnade de la ventana.

% : Muy utilizada para colocar elementos en alguna posición de nuestra ventana. Nos facilita mucho que una página pueda ser o no responsive.


Herramienta para ver como trabajan las medidas