JavaScriptでの読み取った値の変換
関数 getComputedStyles は、CSSで設定された正確な値を取得するわけではありません。
それらを絶対値、通常はピクセルに変換します。
例を見てみましょう。 幅をパーセンテージで設定しているとします:
#elem {
width: 100%;
}
しかし、幅を読み取るときには、パーセンテージではなくピクセル単位の値が得られます:
console.log(computedStyle.width); // px単位の値
要素に次のスタイルが設定されています:
#elem {
font-size: 2em;
}
ボタンをクリックして、要素のフォントサイズを出力してください。