我使用 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 的结果 - 运行良好:
这是在 safary 上的结果,这是在 IOS 设备上的结果。 - 问题是 div 没有拉伸(stretch)到 ion-col 的所有高度。在 view-inspector 中,我看到 ion-col 使图像的高度接近。
有什么解决办法吗?
最佳答案
我个人添加了这个来解决这个问题
ion-grid,
ion-row,
ion-col {
height: 100%;
}
关于html - ion-col 中的嵌套 div,100% 高度在 IOS 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40783800/