离子2响应网格

vae*_*r-k 13 ionic-framework ionic2

如何在Ionic 2中制作响应式网格?Ionic 1支持保留类,responsive-md或者responsive-sm使网格响应,但它们似乎不适用于Ionic 2.

在我的情况下,我有<ion-row>三个<ion-col>.当显示宽度低于阈值时,我希望列相互下降.用Ionic 2可以做到这一点吗?

Car*_* Ip 24

尽管似乎目前出现离子2文档中没有,在responsive-md,responsive-sm在离子1(等)类现在变成离子2个人属性.

这是一个例子:

  <ion-row responsive-sm>
    <ion-col width-10>This column will take 10% of space</ion-col>
  </ion-row>
Run Code Online (Sandbox Code Playgroud)

  • 我希望这个答案仍然有效.我在源头的任何地方都找不到它 (2认同)