2016-11-24 109 views
0

工作,我用離子2.div嵌套,100%的高度不IOS

我有follwing模板:

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 
    } 

這裏是鍍鉻的結果 - 做工精良

http://jmp.sh/spLNqZl

這裏是safary的結果,這是iOS設備上的結果。 - 問題在於div未拉伸到所有離子柱高度。在視圖檢查員中,我發現ion-col可以獲得靠近圖像的高度。

http://jmp.sh/aKQZuIV

任何解決方案?

回答

0

個人而言,我已經添加到了解決這個問題

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