在ionic2/Angular2中的响应式网格

Question

我想在特定屏幕大小的每一行中显示固定数量的卡片，例如：大屏幕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：我想模仿一个流布局行为。

Answer 1

这是其实很简单：P，

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

只要不使用宽x也不响应-XX，而是指定一个最大宽度和最小宽度离子卡。