同樣的css，在mac上調(diào)試是正確的，到了iphone 6真機上，所有的圖片都被截沒。如下圖：
demo地址
Mac上：
iPhone 6上:
如果把css中的：
.device-view .leftView image {
width: 100%;
height: 100%;
}
注釋掉，真機上被截掉的圖片就會顯示出來：
望大神解釋下是什么原因造成的，感激。
網(wǎng)友回復(fù)：
C***：
http://stackoverflow.com/questions/15381172/how-to-make-flexbox-children-100-height-of-their-parent
height：100% 是繼承父節(jié)點的
你這個demo，中間一級沒有指定高度
webkit內(nèi)核，在頂層是 display:flex 的時候會出現(xiàn)bug（就是mac和android的表現(xiàn)
所以其實safari是對的
a***：
謝謝回答，指定高度后確實可以了，小白一枚，想問下iPhone上小程序應(yīng)該是用的webkit內(nèi)核，那在mac上開發(fā)是用的哪個內(nèi)核？
C***：
iphone 是用 safari
開發(fā)工具用的是webkit
a***：
這也是我想問的問題：safari的內(nèi)核也是webkit, 開發(fā)工具用的也是webkit, 為什么中間有一級沒指定高度，兩者的表現(xiàn)就不一致了呢？
