Преобразуване на прочетените стойности в JavaScript

Функцията getComputedStyles не получава точно стойностите, които са зададени в CSS. Тя ги преобразува в абсолютни стойности, обикновено в пиксели.

Нека да разгледаме пример. Да предположим, че имаме зададена ширина в проценти:

css#elem {
  width: 100%;
}

Въпреки това, при четене на ширината ще получим стойност не в проценти, а в пиксели:

javascriptconsole.log(computedStyle.width); // стойност в px

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