将%单位添加到for循环sass中的变量

我尝试在for循环中创建一个灵活的表格网格 它在PX上运行得非常好，但我无法获得添加的百分比，因为它给了我一个错误

$fg-column: 20px;
$$fg-max-columns:41;

 width:(#{($fg-column /$fg-max-columns)}#{"%"}) * $i);

.table-grid-layout{
    &.is-fluid{
      @include fill-parent;
      @for $i from 1 through 41 {
        .column-#{$i} {
          width:(#{($fg-column /$fg-max-columns)}#{"%"}) * $i);
        }
      }
    }
    &.not-fluid{
      @include outer-container;
      @for $i from 1 through 41 {
        .column-#{$i} {
            width: 20px * $i;
        }
      }
    }

}

---

百分号是否真的试图返回等式的剩余部分

查看此来源的段落：

乘法是用星号*来完成的，但是只有一个数字（如果有的话）可以包含一个测量单位。使用百分号%将在除法时返回两个数字的剩余部分，与乘法一样，只有一个数字（如果有的话）有一个单位

---

此外，是否可以利用Sass百分比功能？请参阅堆栈上的上一个问题：

简单地将百分号作为字符串添加到像素值将无法获得您想要的结果。如果要获得百分比值，需要将 总列数上该迭代的列数：

.column-#{$i} {
  width: percentage($i / $fg-max-columns);
}

另外，请注意，这种方法不是语义的，因为最终得到的类描述的是布局本身，而不是内容