Konwersja odczytanych wartości w JavaScript

Funkcja getComputedStyles nie pobiera dokładnie tych wartości, które zostały ustawione w CSS. Konwertuje je na wartości bezwzględne, zwykle w pikselach.

Spójrzmy na przykład. Załóżmy, że mamy ustawioną szerokość w procentach:

css#elem {
  width: 100%;
}

Jednak przy odczycie szerokości otrzymamy wartość nie w procentach, ale w pikselach:

javascriptconsole.log(computedStyle.width); // wartość w px

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