javascript - 如何将 externalHeight() 的结果转换为 REM？

Question

我可以调整根 HTML 的字体大小以适合 HTML 窗口，例如:

        var inputFont = parseFloat($("html").css("font-size"));
        if (inputFont)
            $("html").css("font-size", inputFont * 0.9);

在此调整之前，我可以让一些元素相互适应，例如:

         buttonElem.outerHeight( $(labelElem).outerHeight() );

所以，我需要再重复一次，或者从一开始就在 REM 中为 buttonElem 设置高度，对吗？

你知道如何将 externalHeight() 的结果快速转换为 REM 吗？这种转换有帮助吗？

谢谢。

Answer 1

添加了 calcREM() 函数:

function calcREM(px)
{
    if( !isNaN(px) )
    {
        var remInPx = parseFloat($("html").css("font-size"));
        return (parseFloat(px) / remInPx).toString() + "rem";
    }
}

上面的代码已经更新为:

buttonElem.outerHeight( calcREM($(labelElem).outerHeight()) );

---

这是测试。

之前的buttonElem。

使用calcREM()函数将像素转换为REM后的buttonElem。

---

注意:我的 CSS 包含定义:

html {
    font-size: 16px;
}