Conversión de valores leídos en JavaScript
La función getComputedStyles no obtiene
exactamente los valores que se definieron en CSS.
Los convierte en valores absolutos,
normalmente en píxeles.
Veamos un ejemplo. Supongamos que tenemos un ancho definido en porcentaje:
#elem {
width: 100%;
}
Sin embargo, al leer el ancho, obtendremos el valor no en porcentaje, sino en píxeles:
console.log(computedStyle.width); // valor en px
Para el elemento se definen los siguientes estilos:
#elem {
font-size: 2em;
}
Al hacer clic en el botón, muestre el tamaño de fuente del elemento.
