Omzetting van gelezen waarden in JavaScript

De functie getComputedStyles verkrijgt niet precies de waarden die in CSS zijn ingesteld. Het zet ze om in absolute waarden, meestal in pixels.

Laten we een voorbeeld bekijken. Stel dat we een breedte in percentages hebben ingesteld:

css#elem {
  width: 100%;
}

Echter, bij het lezen van de breedte krijgen we een waarde niet in percentages, maar in pixels:

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

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