我有一个网格列的以下sass代码:
https://codepen.io/anon/pen/zpwpOm?editors=1100
由于网格宽度为1140px(最大触发尺寸)且$ gutter-horizonta为60px,因此每列宽度应为540px,因此我需要540px + 60px + 540px = 1140px。
然而,当我在node-sass和sass-loader中运行它时,由于某种原因,当我在任何浏览器中检查元素时出现的列宽是47%,这是没有意义的,因为47%是535.8px而不是540px。
为什么以下代码被转换为无意义百分比?
width: calc((100% - #{$gutter-horizontal}) / 2)
它应该转换为540px而不是47%
当然,我在第二栏后面有一个意想不到的空间: