Question

我试图将函数中执行的计算求和乘以但得到以下错误：

"Undefined operation: "pxToRem(4) times 3"

虽然我可以直接使用rems，但我在像素中工作要容易得多。任何人都可以告诉我为什么我会收到这个错误，如果有办法解决它？我没有尝试乘以一个字符串，而且我没有将一个单位乘以一个单位，所以我不明白问题所在。

// Declare px to rem function
$browser-context: 16;
@function pxToRem($pixels, $context: $browser-context) {
  @return ($pixels / $context) * 1rem;
}

// Call the px to rem function
$column-unit: pxToRem(4);

// Multiply sum of px to rem function
$column-span: $column-unit * 3;

感谢您的帮助。

Answer 1

如果你想方便思考，请使用body {font-size：62.5％;}。 rem将很容易与px相关联。例如。 1.4rem = 14px的。我觉得这是一种更简单，更优雅的方法。 https://www.sitepoint.com/understanding-and-using-rem-units-in-css/

Answer 2

如评论中所示@disinfor解决了这个问题。我发布的代码正在运行，但在我的开发服务器上，我从另一个未正确引用的文件导入该函数。我学到的经验是将所有文件正常导入一个main.scss，并且不要尝试交叉导入它们。

Sass：px与rem函数的乘积

2 个答案: