CSS在mac和iphone 6上的表现差异问题
发布于 6 年前 作者 yifang 12218 次浏览 来自 问答

同样的css,在mac上调试是正确的,到了iphone 6真机上,所有的图片都被截没。如下图:

demo地址

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

  1. height:100% 是继承父节点的

  2. 你这个demo,中间一级没有指定高度

  3. webkit内核,在顶层是 display:flex 的时候会出现bug(就是mac和android的表现

  4. 所以其实safari是对的

这也是我想问的问题:safari的内核也是webkit, 开发工具用的也是webkit, 为什么中间有一级没指定高度,两者的表现就不一致了呢?

谢谢回答,指定高度后确实可以了,小白一枚,想问下iPhone上小程序应该是用的webkit内核,那在mac上开发是用的哪个内核?

回到顶部