Javascript ng repeat的值溢出超过响应视图中的屏幕大小：AngularJS

我的方法的问题是，当设备宽度缩小或将我的视图切换到移动视图时，芯片溢出超过屏幕大小。我想让芯片与屏幕大小协调一致

我尝试用flex实现

div

，但运气不佳

这是密码

  <div layout="row">
    <div layout="row">
      <md-chips ng-repeat="filter in filters" readOnly="true">
        <md-chip class="chipStyling">
          {{filter.name}}
        </md-chip>
      </md-chips>
    </div>
  </div>

{{filter.name}

---

我创建了一个示例来显示工作示例。请任何人回顾一下，让我知道我做错了什么

添加flex的方法是正确的，但是您需要告诉它也要包装。在第二行，您可以添加以下css

display:flex;
flex-wrap:wrap;

---

添加flex的方法是正确的，但是您需要告诉它也要包装。在第二行，您可以添加以下css

display:flex;
flex-wrap:wrap;

---

我对棱角材料一无所知，但只要看一下文档，似乎您可以通过向容器元素添加

布局包裹

来添加

flex wrap:wrap

<div layout="row">
 <div layout="row" layout-wrap>
  <md-chips ng-repeat="filter in filters" readOnly="true">
    <md-chip class="chipStyling">
      {{filter.name}}
    </md-chip>
  </md-chips>
</div>

{{filter.name}

---

我对棱角材料一无所知，但只要看看文档，似乎您可以通过向容器元素添加

布局包裹

来添加

柔性包裹：包裹

<div layout="row">
 <div layout="row" layout-wrap>
  <md-chips ng-repeat="filter in filters" readOnly="true">
    <md-chip class="chipStyling">
      {{filter.name}}
    </md-chip>
  </md-chips>
</div>

{{filter.name}

---

这与我的问题无关。我不想知道设备的分辨率。我需要帮助我的css部分的代码应该解决我的问题@你想把薯片包起来而不是剪掉吗？如果是这样的话，就把它包装在一个引导容器中，这与我的问题无关。我不想知道设备的分辨率。我需要帮助我的css部分的代码应该解决我的问题@你想把薯片包起来而不是剪掉吗？如果是这样的话，只需将其包装在引导容器中，啊，太完美了！就是这样。啊，太好了！就是这样。