html - ion-col 中的嵌套 div，100% 高度在 IOS 中不起作用

Question

我使用 ionic 2。

我有以下模板:

HTML

<ion-grid>
   <ion-row>
     <ion-col width-20>
         <div>
             <img src="http://www.kacholy.com/new_site/pic/image_7276.jpg">
        </div>
     </ion-col>
     <ion-col class="secondaryPic" width-20>
         <div class="placeHolder"></div>
     </ion-col>
     <ion-col class="secondaryPic" width-20>
         <div class="placeHolder"></div>
     </ion-col>
  </ion-row>
</ion-grid>

CSS:

.placeHolder{
        width: 100%;
        height: 97%;
        border: 2px solid deeppink
    }

这是 chrome 的结果 - 运行良好:

http://jmp.sh/spLNqZl

这是在 safary 上的结果，这是在 IOS 设备上的结果。 - 问题是 div 没有拉伸(stretch)到 ion-col 的所有高度。在 view-inspector 中，我看到 ion-col 使图像的高度接近。

http://jmp.sh/aKQZuIV

有什么解决办法吗？

Answer 1

我个人添加了这个来解决这个问题

ion-grid,
ion-row,
ion-col {
   height: 100%;
}