离子2:如何在不同断点处更改列宽

时间:2016-11-27 20:53:01

标签: ionic-framework responsive-design ionic2

使用Ionic2,是否可以根据响应宽度更改列宽?我想做这样的事情:

<ion-grid>
    <ion-row wrap *ngFor="let item of PageData">
        <ion-col width-50-sm width-33-md>[CONTENT HERE]</ion-col>
    </ion-row>
</ion-grid>

在小视图中,列为50%(每行2列),在中等视图中,列为33%(因此,每行3列)。

我希望能够控制不同断点处每行的列数。

感谢您的帮助。

1 个答案:

答案 0 :(得分:0)

你可以试试这些代码:

 <ion-row responsive-sm>
    <ion-col width-10></ion-col>
  </ion-row>