如何在SCSS中使用CSS round()，它也有round？

Question

有人在 SCSS 中使用我的 CSS 库，当我使用 round() 时，它给出了这个错误。

jquery.terminal.css:850:22": 参数 $number of round($number) 必须是一个数字

根据 MDN 回合处于基线中 https://developer.mozilla.org/en-US/docs/Web/CSS/round

那么当用户使用 SCSS 时，我应该如何制作一个使用 round 的 CSS 库？

Answer 1

根据 SASS 文档，SASS 覆盖默认的

round()

CSS 函数，使其成为接受

round()

并返回最接近的整数

$number

的 SASS

$number

函数。默认 CSS 函数接受 1 到 3 个参数，这可能是您遇到的问题。由于您的代码应该是 CSS，所以它不应该被解释为 SCSS，所以我很困惑为什么会出现这种情况。

您应该做的是让 CSS 库成为一个单独的文件，用户可以将其导入到他们的 SCSS 文件中（通过

@import

声明）。请参阅 tftd 的SO问题 7111610 回答，它解释了如果有人遇到

@import

声明问题，他们可能会如何做到这一点，但正如问题所述，截至 2014 年 12 月，阻止将 CSS 文件导入 SCSS 文件的问题已被解决解决了。