JavaScriptのrem px

Question

私はJSでこのコードを使用します：

bigPhoto.setAttribute("width", "200rem");

結果はhtmlソースのピクセルです。

だが：

20remに変更すると、写真が非常に小さくなります。

写真に写っている問題を解決できませんでした。

Answer 1

HTMLのwidth属性は、ピクセル数またはパーセンテージ（％記号が後に続く）のみを受け取ります。

CSSの長さの単位を使用する場合は、CSSを使用する必要があります（そしてbigPhoto.style.width = "200rem"。

Answer 2

別の方法は、レムをピクセルに変換することです：

function convertRemToPixels(rem) {    
    return rem * parseFloat(getComputedStyle(document.documentElement).fontSize);
}

これは、jsで演算を実行する必要がある場合に便利です（マウスの位置を使用してツールチップを表示するなど）。