私はJSでこのコードを使用します:
bigPhoto.setAttribute("width", "200rem");
結果はhtmlソースのピクセルです。
だが:
20remに変更すると、写真が非常に小さくなります。
写真に写っている問題を解決できませんでした。
HTMLのwidth属性は、ピクセル数またはパーセンテージ(%記号が後に続く)のみを受け取ります。
CSSの長さの単位を使用する場合は、CSSを使用する必要があります(そしてbigPhoto.style.width = "200rem"
。
別の方法は、レムをピクセルに変換することです:
function convertRemToPixels(rem) {
return rem * parseFloat(getComputedStyle(document.documentElement).fontSize);
}
これは、jsで演算を実行する必要がある場合に便利です(マウスの位置を使用してツールチップを表示するなど)。