SCSS是一种CSS预处理器,它提供了许多便捷的功能来简化CSS的编写过程。在SCSS中,可以使用循环来生成重复的CSS样式。
根据你的描述,你的SCSS循环只有1vw,而不是100vw分布在12。这意味着你的循环只生成了1vw的样式,而没有按照你期望的100vw分布在12个元素上。
要解决这个问题,你可以使用SCSS的循环功能来生成12个不同的样式,每个样式占据100vw的宽度。下面是一个示例代码:
@for $i from 1 through 12 {
.element-#{$i} {
width: 100vw / 12;
// 其他样式属性
}
}
在上面的代码中,我们使用了@for
循环来生成12个样式类.element-1
到.element-12
。每个样式类的宽度设置为100vw除以12,这样它们就会均匀地分布在整个视口宽度上。
关于SCSS循环的更多信息,你可以参考腾讯云的SCSS文档:SCSS文档。
希望这个答案能够帮助到你!如果还有其他问题,请随时提问。
领取专属 10元无门槛券
手把手带您无忧上云