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

【问题标题】：Nested div in ion-col, 100% height not work in IOSion-col 中的嵌套 div，100% 高度在 IOS 中不起作用
【发布时间】：2017-04-08 14:29:48
【问题描述】：

我使用离子 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 没有拉伸到所有 ion-col 高度。在视图检查器中，我看到 ion-col 获得了附近图像的高度。

http://jmp.sh/aKQZuIV

有什么办法吗？

【问题讨论】：

标签： html ios css ionic2

【解决方案1】：

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

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

【讨论】：