SCSS划分运算符不编译

Question

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

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

font-size：30px / 2px;不编译为font-size：15px;

但

font-size：30px + 2px;编译为font-size：32px;

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

Answer 1

将它放在括号中，以便SCSS理解您希望它进行算术运算。此外，您不希望将px除以另一个px数，因为这将导致无单位数。

这就是你要找的东西：

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