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

Question

是否可以将 css calc 运算的结果转换为 rem 单位？

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

Answer 1

使用 calc将结果转换px为rem

1 雷姆 = 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>