SCSS除法运算符未编译

ass CSS

蛋蛋

2020-03-23

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

使用+和-可以正常工作,但是*和/不能编译。

font-size:30px / 2px; 无法编译为font-size:15px;

字体大小:30px + 2px;确实编译为font-size:32px;

有任何想法吗?代码提示似乎也不适用于乘法和除法运算符,这可能是程序包冲突吗?似乎不太可能。

第2838篇《SCSS除法运算符未编译》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

1个回答
猪猪前端 2020.03.23

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

这是您要寻找的:

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

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android