同样的css,在mac上调试是正确的,到了iphone 6真机上,所有的图片都被截没。如下图:
demo地址
Mac上:
iPhone 6上:
如果把css中的:
.device-view .leftView image {
width: 100%;
height: 100%;
}
注释掉,真机上被截掉的图片就会显示出来:
望大神解释下是什么原因造成的,感激。
网友回复:
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是对的
谢谢回答,指定高度后确实可以了,小白一枚,想问下iPhone上小程序应该是用的webkit内核,那在mac上开发是用的哪个内核?
iphone 是用 safari
开发工具用的是webkit
这也是我想问的问题:safari的内核也是webkit, 开发工具用的也是webkit, 为什么中间有一级没指定高度,两者的表现就不一致了呢?