Sass 我的scss循环仅适用于1vw,而不是100vw,分布在12个月内

Sass 我的scss循环仅适用于1vw,而不是100vw,分布在12个月内,sass,Sass,我试着在scss中循环浏览12个边距最高的类;从0vw到100vw,分布在12辆车上,但我的只有1vw 数学真的不是我的强项 谢谢你的帮助 $grid-heights: 12; @for $i from 1 through $grid-heights { .u-marg-t-vw#{$i}of12 { margin-top: ($i / $grid-columns) + vw; } } $i/$grid columns将是循环中的1/12到12/12 假设您想

我试着在scss中循环浏览12个边距最高的类;从0vw到100vw,分布在12辆车上,但我的只有1vw

数学真的不是我的强项

谢谢你的帮助

$grid-heights: 12;

@for $i from 1 through $grid-heights {
    .u-marg-t-vw#{$i}of12 {
        margin-top: ($i / $grid-columns) + vw;
    }
}

$i/$grid columns
将是循环中的
1/12
12/12

假设您想要一个均匀分布,您只需将其乘以100:

$grid-heights: 12;

@for $i from 1 through $grid-heights {
    .u-marg-t-vw#{$i}of12 {
        margin-top: ($i/12 * 100)vw;
    }
}

谢谢我的错误,最后需要一辆
+vw
。非常感谢。