Javascript中的rem px

Question

我在JS中使用了以下代码：

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

结果以html源中的像素为单位，

​

​

但是：

​

​

当我将它改为20 When 时，照片变得非常小。

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

Answer 1

HTML宽度属性只接受整数像素数或百分比(后面跟着%符号)。

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

Answer 2

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

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

当您必须在js中执行一些算术时(例如使用鼠标的位置来显示工具提示.)，这可能很有用。