Konvertierung von gelesenen Werten in JavaScript

Die Funktion getComputedStyles erhält nicht genau die Werte, die in CSS festgelegt wurden. Sie konvertiert sie in absolute Werte, normalerweise in Pixel.

Schauen wir uns ein Beispiel an. Nehmen wir an, wir haben eine Breite in Prozent festgelegt:

css#elem {
  width: 100%;
}

Beim Auslesen der Breite erhalten wir jedoch nicht den Wert in Prozent, sondern in Pixeln:

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

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