收藏
回答

CSS在mac和iphone 6上的表现差异问题

问题模块
API和组件

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


demo地址


Mac上:



iPhone 6上:



如果把css中的:

.device-view .leftView image {

  width: 100%;

  height: 100%;

}

注释掉,真机上被截掉的图片就会显示出来:



望大神解释下是什么原因造成的,感激。

最后一次编辑于  2017-04-19  (未经腾讯允许,不得转载)
邀请回答
复制链接收藏投诉关注问题回答

3 个回答

  • Can🌴
    Can🌴
    2017-04-19

    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是对的

    2017-04-19
    赞同
    回复
  • archerLj
    archerLj
    2017-04-20

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

    2017-04-20
    赞同
    回复
  • archerLj
    archerLj
    2017-04-21

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

    2017-04-21
    赞同
    回复