- 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