Az olvasott értékek átalakítása JavaScriptben

A getComputedStyles függvény nem pontosan azokat az értékeket kapja meg, amelyek a CSS-ben lettek megadva. Abszolút értékekké alakítja azokat, általában pixelbe.

Nézzük meg egy példán. Tegyük fel, hogy a szélességünk százalékban van megadva:

css#elem {
  width: 100%;
}

Azonban a szélesség leolvasásakor nem százalékos értéket kapunk, hanem pixelben kifejezve:

javascriptconsole.log(computedStyle.width); // érték px-ben

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