首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

我的scss循环只有1vw,而不是100vw分布在12

SCSS是一种CSS预处理器,它提供了许多便捷的功能来简化CSS的编写过程。在SCSS中,可以使用循环来生成重复的CSS样式。

根据你的描述,你的SCSS循环只有1vw,而不是100vw分布在12。这意味着你的循环只生成了1vw的样式,而没有按照你期望的100vw分布在12个元素上。

要解决这个问题,你可以使用SCSS的循环功能来生成12个不同的样式,每个样式占据100vw的宽度。下面是一个示例代码:

代码语言:txt
复制
@for $i from 1 through 12 {
  .element-#{$i} {
    width: 100vw / 12;
    // 其他样式属性
  }
}

在上面的代码中,我们使用了@for循环来生成12个样式类.element-1.element-12。每个样式类的宽度设置为100vw除以12,这样它们就会均匀地分布在整个视口宽度上。

关于SCSS循环的更多信息,你可以参考腾讯云的SCSS文档:SCSS文档

希望这个答案能够帮助到你!如果还有其他问题,请随时提问。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

领券