Převod přečtených hodnot v JavaScriptu
Funkce getComputedStyles nezískává
přesně ty hodnoty, které byly nastaveny v CSS.
Převádí je na absolutní hodnoty,
obvykle na pixely.
Podívejme se na příklad. Předpokládejme, že máme nastavenou šířku v procentech:
#elem {
width: 100%;
}
Avšak při čtení šířky obdržíme hodnotu ne v procentech, ale v pixelech:
console.log(computedStyle.width); // hodnota v px
Pro element jsou nastaveny následující styly:
#elem {
font-size: 2em;
}
Po kliknutí na tlačítko vypište velikost písma elementu.