PX

El ‘px’ (píxel) es una unidad absoluta. No es una unidad escalable: no guarda relación con la medida la fuente de su contenedor o del contenedor root. Varía dependiendo de la resolución del dispositivo utilizado.

EM

Es una medida relativa a su elemento padre. Por ejemplo, si el elemento padre tiene una fuente definida de 14px y el elemento en sí tiene una medida de fuente de 1em, la medida en pixeles será de 14px; si tuviera una fuente de 2em, sería de 28px.

REM

O ‘root em’. Es una medida relativa no a su elemento padre, sino al elemento root. Es decir, al contenedor principal html.

%

Similar al em. Es una medida relativa a su elemento padre.

Párrafo de texto para ejemplos con REM