2017-02-17 9 views
0

特定の画面サイズの各行に一定数のカードを表示する場合、大画面では4枚、中画面では4枚、小画面では1枚など
のように表示します。 私はそうionic2/Angular2のレスポンスグリッド

<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> 

しかし、運のような応答-SM、応答-MD、応答-LGを試してみました。
PS:私はフローレイアウトの動作を模倣しようとしています。

答えて

0

それは実際にはかなり簡単だった:P、

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

ジャスト幅×応答-XXを使用していない、と代わりの最大幅と最小幅を指定イオンカード。

関連する問題