Conversione dei valori letti in JavaScript

La funzione getComputedStyles non ottiene esattamente gli stessi valori che sono stati impostati nel CSS. Li converte in valori assoluti, solitamente in pixel.

Diamo un'occhiata a un esempio. Supponiamo di avere una larghezza impostata in percentuale:

css#elem {
  width: 100%;
}

Tuttavia, quando leggiamo la larghezza, otterremo un valore non in percentuale, ma in pixel:

javascriptconsole.log(computedStyle.width); // valore in px

css#elem {
  font-size: 2em;
}