Responsive design 如何使用Susy在at断点内应用span列？

现在，我几乎有一个响应标题，因为我最初的问题是。但我还是有点被元素的宽度限制住了

我正在使用以下Susy指南针设置：

.mod-header
  @include container ($total-columns, $mobile-to-medium, $medium-to-large)  
  border: 2px red solid
  +rem('height', 70px)

  @include susy-grid-background

  @include at-breakpoint($mobile-to-medium $columns-medium $medium-to-large)
    @include susy-grid-background

  @include at-breakpoint($medium-to-large)
    @include susy-grid-background

   .logo
     float: left
     border: 1px red solid
     +rem('margin', 20px 0)
     +data-uri-bg('logo.png')

   nav
     float: right
     +rem('margin', 20px 0)
     font-weight: 600
     @include at-breakpoint($mobile-to-medium $columns-medium)
       border: 1px blue solid
       @include span-columns(2)
       .tour
         display: none

       .action
         border: 1px green solid
         @include span-columns(1)

这将映射到以下渲染布局：

现在，

span列

的效果以及从

.logo

到

nav

的间距似乎没有生效。我希望

.action

和

.find

标签的右侧各有一列宽度，而

.logo

的左侧有固定宽度。有什么想法吗

编辑：

Susy的屏幕设置包括：

$mobile-to-medium: 400px
$medium-to-large:  800px

$columns-small:    1
$columns-medium:   8
$columns-large:    12

$column-width   : 3em            // each column is 4em wide
$gutter-width   : 0.4em            // 1em gutters between columns
$grid-padding   : 0              // grid-padding equal to gutters

$total-columns: $columns-small

---

我认为您需要在断点处重置列。我不知道你的

移动到中

，

列中

，

中到大

，以及

总列

的价值是多少。这是上面没有列出的重要信息。但您可能想检查一下这个，我想这与您的问题有关。

谢谢，我将尝试以下实验：。。。顺便说一句，有人知道这个‘ω’是什么意思吗？

omega

表示最后一个元素。因此，该元素将被

向右浮动

，并且不应用

边距

。