ionic2/Angular2中的响应网格

ionic2/Angular2中的响应网格,angular,ionic2,Angular,Ionic2,我想在每行显示固定数量的卡片,以显示特定的屏幕大小, 如:大屏幕4张,中屏幕2张,小屏幕1张。 我试过反应灵敏的sm,反应灵敏的md,反应灵敏的lg <ion-row responsive-lg> <ion-col *ngFor="let item of items" width-25 showWhen="tablet"> <ion-card>...</ion-card> </ion-c

我想在每行显示固定数量的卡片,以显示特定的屏幕大小,
如:大屏幕4张,中屏幕2张,小屏幕1张。 我试过反应灵敏的sm,反应灵敏的md,反应灵敏的lg

    <ion-row responsive-lg>
       <ion-col *ngFor="let item of items" width-25 showWhen="tablet">
          <ion-card>...</ion-card>
       </ion-col>

       <ion-col *ngFor="let item of items" width-50 showWhen="phablet">
          <ion-card>...</ion-card>
       </ion-col>
    </ion-row>

...
...
但是,没有运气。

PS:我试图模拟流布局行为。

事实上非常简单:p

    <ion-row wrap>
      <ion-col *ngFor="let item of items">
       <ion-card>...</ion-card>
     </ion-col>
   </ion-row>

...
只需不要使用宽度-x响应xx,而是为离子卡指定最大宽度和最小宽度