基础6在小断点处改变沟槽尺寸

1 回答

• 0

  我还没有机会在6中广泛工作 . 但我相信你正在寻找一些mixin组合，因为Foundation 6更加强调从html中取出类并使你的CSS文件更加结构化 . 请参阅下面的示例，它可能对您有所帮助 .

  .columns {
    // Only affects medium screens and larger
    @include breakpoint(medium up) {
       @include grid-column($columns, 90px);
    }
  
    // Only affects small screens, not medium or large
    @include breakpoint(small only) {
       @include grid-column($columns, $gutter);
    }
  }
  

  不确定您是否需要使用不同的课程 . 但我认为这应该是一个不错的开端 . 获得了Foundation 6文档的"Grid"和"Media Queries"部分的代码片段 .

  回复于 2024-05-01T21:53:32+08:00