如何将 css cals() 转换为 rem？

Question

是否可能将 css calc 操作的结果转换为 rem 单元？

我正在尝试进行此操作：calc((100% - 2.3rem)/2)，并且我需要以 rem 为单位的结果。

Answer 1

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

1 rem = 16 像素

所以在你的计算中使用/16

#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>