Převod přečtených hodnot v JavaScriptu

Funkce getComputedStyles nezískává přesně ty hodnoty, které byly nastaveny v CSS. Převádí je na absolutní hodnoty, obvykle na pixely.

Podívejme se na příklad. Předpokládejme, že máme nastavenou šířku v procentech:

css#elem {
  width: 100%;
}

Avšak při čtení šířky obdržíme hodnotu ne v procentech, ale v pixelech:

javascriptconsole.log(computedStyle.width); // hodnota v px

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