从SASS列表变量获取值（但不是键）

我希望有一个导航栏，可以将内容缩放到全局站点媒体查询中定义的当前断点，但我似乎无法正确定位SASS列表中的项目

HTML

<div class="contain-header">
    <header class="top-bar">
        <!--nav here-->
    </header>
</div>

因此，当屏幕<1200px时，导航内容的

max width

为

1024px

SASS（不工作）

这会导致编译时出错：

警告：断点（）：“小0”未在$breakpoints设置中定义

（对

$breakpoints（）

中的每个项目重复）

那么我如何调用

{item}

，这样它就不会输出

medium 640px

，而是输出

640px

（或者

medium

）？如何更改

max width:#{$item}

以

$item-1

的值为目标

---

n.b.我使用的基础是“破译点”（{ } <代码> >，是一个在媒体查询中包装CSS的混合程序，<代码> $BurnPosits（）/Case>是框架的变量之一（）.P/>

尝试使用<代码> @ $ $ KEY，$值在断点< /代码>中，省略插值：

.contain-header {
  .top-bar {
    margin: 0 auto;
    @each $key, $value in $breakpoints {
      @include breakpoint($key) {
        max-width: $value;
      }
    }
  }
} 

.contain-header {
    .top-bar {
        margin: 0 auto;
        @each $item in $breakpoints {
            @include breakpoint(#{$item}) {
                max-width: #{$item};
            }
        }
    }
}

.contain-header {
  .top-bar {
    margin: 0 auto;
    @each $key, $value in $breakpoints {
      @include breakpoint($key) {
        max-width: $value;
      }
    }
  }
}