在移动设备

Question

我试图在显示引导卡的组件中呈现表格。 当我通过Chrome开发者工具在移动视图中查看它时，我无法让桌面在卡内响应。由于难以在手机上进行测试，我没有提供一个傻瓜。

移动媒体（典型的iPhone）

看看我做的第二张图片＆＃34; Mobile Small＆＃34;并且您可以看到卡调整到小于宽度，并且如果我减小视图的大小，则继续这样做。

我有＆＃34;排名＆＃34;卡内的组件：

  <div class="card">
      <league-info [league]="league"></league-info>
  </div>

和联盟信息组件如下所示：

＆＃13;

＆＃13;

<div class="card-header"><h5>Standings</h5></div>
<div class="card-block">
  <button md-raised-button color="primary" (click)="tableShowAll()" *ngIf="showAllResults">{{resultButText}}</button>
  <table class="table table-sm">
    <thead>
      <tr>
        <th>Place</th>
        <th>Team Name</th>
        <th>Player Name</th>
        <th>GW Points</th>
        <th>Total Points</th>
      </tr>
    </thead>
    <tbody>
      <tr *ngFor="let standing of results.slice(0, resultsTableCnt); let i = index">
        <td>{{i+1}}</td>
        <td>{{standing.entryName}}</td>
        <td>{{standing.playerName}}</td>
        <td>{{standing.eventTotal}}</td>
        <td>{{standing.total}}</td>
      </tr>
    </tbody>
  </table>
  <button md-raised-button color="primary" (click)="tableShowAll()">{{resultButText}}</button>    
</div>

＆＃13;

＆＃13;

＆＃13;