Css 涂底漆'；p-sm的s下拉列表不能正确缩放-*

我有一个重叠下拉元素的问题。它似乎无法识别p-X-Y指令指定的断点

<p-card>
  <div class="p-grid">
    <div class="p-col-12 p-md-8">
      <p-card [style]="{width: '100%', height: '100%'}">
        <div class="ui-fluid p-formgrid p-grid">
          <div class="p-field p-col-12 p-sm-12 p-md-9">
            <label>Detail</label>
            <input>
          </div>
          <div class="p-field p-col-12 p-sm-12 p-md-3">
            <label for="type">Type</label>
            <p-dropdown inputId="type"placeholder="Please choose...">
            </p-dropdown>
          </div>

        </div>
      </p-card>
    </div>
  </div>
</p-card>

细节
类型

下图显示了当宽度为715px时下拉列表的情况。在这种情况下，sm断点应处于活动状态，因此下拉列表应位于单独的行中，并跨越整个宽度

以下是我迄今为止所尝试的：

将

autoWidth

设置为

false

使用

fxFlex

使用

appendTo=“body”

---

您能否在

stackblitz

或其他代码托管场所提供一个实例？我刚刚复制了你的代码，它的工作方式和你想要的一样，所以我想知道它的整个部分看起来如何。