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

Question

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

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

Answer 1

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

1 rem = 16 px

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

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

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

或

1 px = 0.0625 rem

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

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