小编Ben*_*rbé的帖子

我目前正在处理不同的内容，使用不同的材料网格，我希望我的瓷砖自动高度，但使用标签，但我不是我想要的结果，所以我必须使用标签。

我的代码：

  <mat-grid-list class="quot-service-grid" cols="9" [rowHeight]="fit">
    <mat-grid-tile [colspan]="6" class="quot-service-element">

      <div class="quot-service-inf">
        <h2 class="quot-service-name lw-grey">{{service.name}}</h2>
        <p class="lw-grey">{{service.description}}</p>
      </div>

    </mat-grid-tile>
    <mat-grid-tile class="left quot-service-comment" [colspan]="3">
    </mat-grid-tile>
  </mat-grid-list>

谢谢

我正在设置一个 Web 应用程序，我想实现具有响应性的移动版本。

我使用的是 Angular 7 和 Angular 材质 7.2。

<mat-grid-list cols="12">
  <mat-grid-tile  [colspan]="6">

    <h1 class="title">Title</h1>

  </mat-grid-tile>
  <mat-grid-tile [colspan]="3">

    <h2 class="date">Date</h2>

  </mat-grid-tile>
  <mat-grid-tile [colspan]="3">

    <h1 class="price">price€</h1>

  </mat-grid-tile>
</mat-grid-list>

我有一个包含 3 个图块的 12 个列的网格列表：

A- 6 (6/12)

B- 3 (3/12)

C- 3 (3/12)

网络

<-------- 12 -------->

AAAAAA BBB CCC

当我得到我想要的手机尺寸时：一个包含 3 个图块的 12 列网格列表：

A- 12 (12/12)

B- 6 (6/12)

C- 6 (6/12)

移动的

<-------- 12 -------->

AAAAAAAAAAAA

BBBBBB-中交

对不起我的英语 ;) 谢谢