同样的css，在mac上调试是正确的，到了iphone 6真机上，所有的图片都被截没。如下图：
demo地址
Mac上：
iPhone 6上:
如果把css中的：
.device-view .leftView image {
width: 100%;
height: 100%;
}
注释掉，真机上被截掉的图片就会显示出来：
望大神解释下是什么原因造成的，感激。
网友回复：
C***：
http://stackoverflow.com/questions/15381172/how-to-make-flexbox-children-100-height-of-their-parent
-
height：100% 是继承父节点的
-
你这个demo，中间一级没有指定高度
-
webkit内核，在顶层是 display:flex 的时候会出现bug（就是mac和android的表现
-
所以其实safari是对的
a***：
谢谢回答，指定高度后确实可以了，小白一枚，想问下iPhone上小程序应该是用的webkit内核，那在mac上开发是用的哪个内核？
C***：
iphone 是用 safari
开发工具用的是webkit
a***：
这也是我想问的问题：safari的内核也是webkit, 开发工具用的也是webkit, 为什么中间有一级没指定高度，两者的表现就不一致了呢？
爱盈利（aiyingli.com）移动互联网具影响力的盈利指导网站。定位于服务移动互联网创业者，移动盈利指导。我们的目标是让盈利目标清晰可见！降低门槛，让缺乏经验、资金有限的个人和团队获得经验和机会，提高热情，激发产品。
