Ejemplo: 24px → 1.5em (base 16px)
Ejemplo: 1.5em → 24px (base 16px)
| Px | Em | Usos comunes | Acciones |
|---|
Px (Píxeles):Una unidad absoluta con un tamaño fijo que no cambia con la configuración del navegador. 1px equivale a un píxel físico en la pantalla.
Em:Una unidad relativa basada en el tamaño de fuente del elemento actual. 1em equivale al tamaño de fuente del elemento actual. Si el elemento actual no tiene un tamaño de fuente definido, hereda de su elemento padre.
Fórmulas de conversión:
• Px → Em: em = px ÷ tamaño de fuente base
• Em → Px: px = em × tamaño de fuente base
Recomendaciones de uso:Usar unidades em hace que tu página sea más adaptable y accesible, permitiendo a los usuarios ajustar los tamaños de fuente a través de la configuración del navegador. El tamaño de fuente predeterminado del navegador suele ser 16px.