Css 使用%符号指定宽度的SASS

我想根据网格大小进行一些动态调整。下面是我正在尝试的代码：

$grid-elements: 1 2 3 4 5 6;
@each $grids in $grid-elements {
  .display-grids-#{$grids} {
    width: (100/#{$grids})%;
  }
}

其行为应类似于：
假设2有两列结构

<div>
  <div class="display-grids-2"></div>
  <div class="display-grids-2"></div>
</div>

这里，

（100/#{$grids}）%此表达式有问题。
不能使用
%
和
一起签名。
只需写
宽度：100%/$grids

$grid-elements: 1 2 3 4 5 6;

@each $grids in $grid-elements {
  .display-grids-#{$grids} {
    width: 100% / $grids;
  }
}

SassMesister.
可能的副本
$grid-elements: 1 2 3 4 5 6;

@each $grids in $grid-elements {
  .display-grids-#{$grids} {
    width: 100% / $grids;
  }
}