Пераўтварэнне прачытаных значэнняў у JavaScript

Функцыя getComputedStyles не атрымлівае менавіта тыя значэнні, якія былі зададзены ў CSS. Яна пераўтварае іх у абсалютныя значэнні, звычайна ў пікселі.

Давайце паглядзім на прыкладзе. Хай у нас зададзена шырыня ў працэнтах:

css#elem {
  width: 100%;
}

Аднак пры чытанні шырыні мы атрымаем значэнне не ў працэнтах, а ў пікселях:

javascriptconsole.log(computedStyle.width); // значэнне ў px

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