在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，而是指定一個最大寬度和最小寬度離子卡。