CSS在mac和iphone 6上的表现差异问题
同样的css,在mac上调试是正确的,到了iphone 6真机上,所有的图片都被截没。如下图:
Mac上:
iPhone 6上:
如果把css中的:
.device-view .leftView image {
width: 100%;
height: 100%;
}
注释掉,真机上被截掉的图片就会显示出来:
望大神解释下是什么原因造成的,感激。
3 回复
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是对的