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,而是为离子卡指定最大宽度和最小宽度