Conversion des valeurs lues en JavaScript

La fonction getComputedStyles n'obtient pas exactement les valeurs qui ont été définies dans le CSS. Elle les convertit en valeurs absolues, généralement en pixels.

Regardons un exemple. Supposons que nous ayons une largeur définie en pourcentages :

css#elem {
  width: 100%;
}

Cependant, lors de la lecture de la largeur, nous obtiendrons une valeur non pas en pourcentages, mais en pixels :

javascriptconsole.log(computedStyle.width); // valeur en px

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