收藏
回答

弹性盒模型在iPhone上兼容性问题

问题模块
API和组件

手机信息:

iPhone版本:10.3.3

型号: iPhone SE


浏览器信息:

微信开发者工具: v1.01.1711160


demo.wxml

<view class="flex flex-v">
    <view class="flex-item">test item</view>
    <view class="flex-item">text item</view>
</view>


demo.wxss

.flex {
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
}
.flex-v {
  -webkit-box-orient:vertical;
  -webkit-flex-direction:column;
  -ms-flex-direction:column; 
  flex-direction:column;
}
.flex-item {
  -webkit-box-flex:1;
  -webkit-flex:1;
  -ms-flex:1;
  flex:1;
  display: inline-block;
  margin: 0 auto;
  background: #cccccc;
}


开发者工具效果:



安卓效果:



iPhone效果:




兼容描述:在微信开发者工具上和安卓手机上都正常,但在iPhone上显示的flex子元素会占满一行。并且我通过各个浏览器测试后,发现结果都是能够正常显示的。


求解:

1、该情况是否为微信小程序的BUG?

2、如果是,如果解决这个问题?

最后一次编辑于  2017-11-27  (未经腾讯允许,不得转载)
回答关注问题邀请回答
收藏

2 个回答

  • Special
    Special
    2017-11-27

    iOS 的 safari 有试过吗

    2017-11-27
    赞同
    回复
  • King😳
    King😳
    2017-11-27

    有试过,没有问题

    2017-11-27
    赞同
    回复