如何将CSS中的cals()转换为rem单位？

Question

能否将css计算操作的结果转换为rem单位？

我正在尝试执行这个操作：calc((100% - 2.3rem)/2)，并且我需要结果以rem单位呈现。

- P.Mol

---

你测试过了吗？ - Vucko

我不明白你为什么要这样做。你想实现什么目标？ - phuzi

它在这里工作 https://jsfiddle.net/dlinx/9dc8ao36/ - Laxmikant Dange

我在我的应用程序中有一个按钮来调整所有字体大小。我需要计算一些div的高度，如果字体大小改变，这些div的高度也应该改变。这就是为什么我需要以rem单位计算结果的原因。 - P.Mol

Answer 1

使用 calc 将您的 px 结果转换为 rem

1 rem = 16 px

so use /16 in your calc

#rem{
width: calc(((100% - 2.3rem)/2)/16);
background-color:red;
}

<div id="rem">hello</div>

或者

1像素=0.0625根基准字号

#rem{
width: calc(((100% - 2.3rem)/2)*0.0625 );
background-color:red;
}

<div id="rem">hello</div>

- לבני מלכה

---

告诉我需要更多帮助。 - לבני מלכה

Rem并不总是16像素。大多数浏览器（如果不是所有的）都将其设置为默认值，但用户可以更改它。 - Thomas Scheffer