Javascript 中的 rem px

Question

我在 JS 中使用这段代码：

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

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

但是：

当我把它改成20rem照片变得很小。

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

Answer 1

HTML 宽度属性仅采用整数像素或百分比（后跟 % 符号）。

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

Answer 2

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

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

当您必须在 js 中执行一些运算时（例如使用鼠标的位置显示工具提示...），这会很有用