首页
学习
活动
专区
工具
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文档

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

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

相关·内容

  • 小程序:通讯录的实现

    1.这个页面的构成是头部(搜索)、中间列表部分(通讯录列表展示)、顶部(tab栏)三部分组成 在写x-phone组件的时候,我把头部也算进去了,但是这种做法是错误的,写组件的时候就写一个单独的组件就好了,不要把其他的组件一起绑在一起,切记这个错误。 2.页面的组装类命名,例如头部的命名规范class="address-book-header"以及其他的,都有按照这个规范来的,这样子写让人易懂明了,以后要多多注意。 3.页面的滚动样式设置,是中间那坨滚动。我记得在第一次做的时候,整个页面都会拉动,因为我把头部组件和中间的写在一坨上了,正确的就是以上的写法。 4.在中间列表部分显示部分,我没有考虑有数据显示和无数据的情况,按照上面的写法是外面一个大view,中间是几种情况的template,这在以后的小程序都是很有必要的,也是必须要考虑进去的,这是自己一个不完善的点。

    01

    handsome模板Pjax加载

    HTML:

    领券