在Javascript中rem px

Question

我在JS中使用这段代码：

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

结果是在html源代码中的像素，

可是：

当我将其更改为 20rem 时，照片会变得非常小。

我无法解决照片中提到的问题。

Answer 1

另一种方法是将rem转换为像素：

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

当您必须在js中执行某些算术时（例如使用鼠标的位置显示工具提示...），这非常有用。

Answer 2

HTML width属性仅采用整数个像素或百分比（后跟％符号）。

如果您希望使用CSS长度单位，则必须使用CSS（并设置bigPhoto.style.width = "200rem"。