没有意义calc()结果

时间:2017-12-30 13:12:09

标签: css sass node-sass sass-loader

我有一个网格列的以下sass代码:

https://codepen.io/anon/pen/zpwpOm?editors=1100

由于网格宽度为1140px(最大触发尺寸)且$ gutter-horizo​​nta为60px,因此每列宽度应为540px,因此我需要540px + 60px + 540px = 1140px。

然而,当我在node-sass和sass-loader中运行它时,由于某种原因,当我在任何浏览器中检查元素时出现的列宽是47%,这是没有意义的,因为47%是535.8px而不是540px。

为什么以下代码被转换为无意义百分比? width: calc((100% - #{$gutter-horizontal}) / 2)

它应该转换为540px而不是47% screen shot 2017-12-30 at 10 46 31

当然,我在第二栏后面有一个意想不到的空间:

screen shot 2017-12-30 at 10 07 22

0 个答案:

没有答案