SCSS 除法运算符未编译

Question

我正在使用 Sublime Text 2 和 LiveReload 来编译我的 .scss 文件。我也试过 codekit 有同样的问题。

使用+ 和- 工作没问题，但* 和/ 不编译。

font-size: 30px / 2px; doesn't compile to font-size: 15px;

但是

font-size: 30px + 2px; does compile to font-size: 32px;

有什么想法吗？代码提示似乎也不适用于乘法和除法运算符，可能是包冲突吗？似乎不太可能。

Answer 1

把它放在括号里，这样 SCSS 就知道你想让它做一个算术运算。此外，您不希望将 px 除以另一个 px 数，因为这将导致无单位数。

这就是你要找的东西：

div {
  font-size: (30px / 2)
}