Omvandling av inlästa värden i JavaScript

Funktionen getComputedStyles får inte exakt de värden som angavs i CSS. Den omvandlar dem till absoluta värden, vanligtvis i pixlar.

Låt oss titta på ett exempel. Antag att vi har en bredd angiven i procent:

css#elem {
  width: 100%;
}

Men när vi läser bredden kommer vi att få värdet inte i procent, utan i pixlar:

javascriptconsole.log(computedStyle.width); // värde i px

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