为什么我无法将 Sass-rem 用于 CSS 变量？答案

【问题标题】：Why am I unable to use Sass-rem for CSS variables?为什么我无法将 Sass-rem 用于 CSS 变量？
【发布时间】：2020-09-09 18:16:36
【问题描述】：

我正在尝试使用 sass-rem 库将像素转换为 rem 值。当我将它用于不同的 CSS 属性时它工作正常，但是当我尝试在 CSS 变量中使用它时，如下所示，它就不能正常工作。

--width: rem(640px);
width: rem(640px);

编译时应该是这样的

--width: 40rem;
width: 40rem;

但我仍然认为

--width: rem(640px);
width: 40rem;

如果您注意到变量值没有转换为 rem。

【问题讨论】：

【解决方案1】：

您需要对 css 变量使用插值

做：

--width: {rem(640px)};

【讨论】：

【解决方案2】：

我是这样弄的

--width: #{rem(80px)};

它给出的输出为

--width: 5rem

【讨论】：