SCSS百分比计算错误

Question

我在SCSS中有一个网格系统，它根据12列网格计算列的宽度。过去的计算是正确的，但最近编译错了。

我得到这些版本的相同输出。

SCSS：

@for $i from 1 through 11 {
  .c#{$i} {
    width: (100% / 12) * $i;
  }
}

---

@for $i from 1 through 11 {
  .c#{$i} {
    width: 8.3333333333% * $i;
  }
}

编译CSS：

.c1 {
  width: 8.3333333333%; }

.c2 {
  width: 16.6666666666%; }

.c3 {
  width: 24.9999999999%; }

.c4 {
  width: 33.3333333332%; }

.c5 {
  width: 41.6666666665%; }

.c6 {
  width: 49.9999999998%; }

.c7 {
  width: 58.3333333331%; }

.c8 {
  width: 66.6666666664%; }

.c9 {
  width: 74.9999999997%; }

.c10 {
  width: 83.333333333%; }

.c11 {
  width: 91.6666666663%; }

以前是：

.c1 {
  width: 8.33333%; }

.c2 {
  width: 16.66667%; }

.c3 {
  width: 25%; }

.c4 {
  width: 33.33333%; }

.c5 {
  width: 41.66667%; }

.c6 {
  width: 50%; }

.c7 {
  width: 58.33333%; }

.c8 {
  width: 66.66667%; }

.c9 {
  width: 75%; }

.c10 {
  width: 83.33333%; }

.c11 {
  width: 91.66667%; }

理想情况下，6列相当于50％，其余相应。有关如何将其恢复到过去的想法？

Answer 1

您可以使用，例如：

scss --precision 5 main.scss main.css

将精度设置为您需要的位数。