Преобразование прочитанных значений в JavaScript

Функция getComputedStyles не получает именно те значения, которые были заданы в CSS. Она преобразует их в абсолютные значения, обычно в пиксели.

Давайте посмотрим на примере. Пусть у нас задана ширина в процентах:

css#elem {
  width: 100%;
}

Однако при чтении ширины мы получим значение не в процентах, а в пикселях:

javascriptconsole.log(computedStyle.width); // значение в px

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