在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".