苹果6plus界面紊乱，求助！！在其他机型上都是正常的
发布于 6 年前 作者 jingduan 15712 次浏览 来自 问答

本来正常的界面应该是下面这样的：

但是在苹果6plus上就变成这样了：

8 回复

好的，我修改后提交看看行不行，对了，请问一下我隔几天更新正式版本有没有问题，会不会更新太频繁而导致审核不过

我都放在wxml里  有点乱 麻烦看下

是否勾选了上传上自动补齐样式？

wxml 和 wxss 贴一下看看？

大佬  请问下你这个问题是咋解决的？ 难道就是样式不写在行内么？

<view class="container">
  <view class="" style="display:flex;width:100%;height:80px;flex-grow:1;background:white">
    <view class="classname" style="display:flex;height:80px;flex: 1;justify-content:center;align-items:center">
      <image src="{{UserInfo.HeadImgUrl}}" mode="aspectFill" style="height:50px;width:50px;border-radius:50%;border:2px"></image>
    </view>
    <view class="classname" style="height:80px;flex: 2;display:flex;flex-direction:column;padding:15px;">
      <view class="globalfont_dark" style="font-size:14px;font-weight:400">{{UserInfo.NickName}}</view>
      <view class="globalfont" style="font-size:14px;">欢迎来到葩葩果园</view>
    </view>
    
  </view>
 
  <view wx:if="{{UserInfo.Level==0}}" style="width:100%;background:white;margin-top:5px;display:flex;justify-content:center;" bindtap="tapGotoVip">
    <view class="classname" style="display:flex;width:92%;height:50px;background:white;border-bottom:1px solid #ededed">
      <view class="classname" style="display:flex;height:50px;flex: 1;align-items:center;">
        <image src="https://www.papaguoyuan.com/images/icons/vip.png" mode="aspectFill" style="height:25px;width:25px;"></image>
        <text class="globalfont_dark" style="margin-left:15px;font-size:14px">我的VIP</text>
      </view>
      <view class="classname" style="display:flex;height:50px;flex: 1;align-items:center;justify-content:flex-end">
 
        <view class="weui-cell__ft weui-cell__ft_in-access" style="font-size: 0">
          <view style="display: inline-block;vertical-align:middle; font-size: 14px;">开通VIP</view>
        </view>
 
      </view>
    </view>
  </view>
   
 
 <view wx:if="{{UserInfo.Level==1}}" style="width:100%;background:white;margin-top:5px;display:flex;justify-content:center;" bindtap="tapGotoVip">
    <view class="classname" style="display:flex;width:92%;height:50px;background:white;">
      <view class="classname" style="display:flex;height:50px;flex: 1;align-items:center;">
        <image src="https://www.papaguoyuan.com/images/icons/vip.png" mode="aspectFill" style="height:25px;width:25px;"></image>
        <text class="globalfont_dark" style="margin-left:15px;font-size:14px">VIP充值</text>
      </view>
      <view class="classname" style="display:flex;height:50px;flex: 1;align-items:center;justify-content:flex-end">
 
        <view class="weui-cell__ft weui-cell__ft_in-access" style="font-size: 0">
          <view style="display: inline-block;vertical-align:middle; font-size: 14px;">前往</view>
           
        </view>
 
      </view>
    </view>
  </view>
 <view style="width:100%;background:white;display:flex;justify-content:center;margin-top:1px" bindtap="tapGotoRecharge">
    <view class="classname" style="display:flex;width:92%;height:50px;background:white;">
      <view class="classname" style="display:flex;height:50px;flex: 1;align-items:center;">
        <image src="https://www.papaguoyuan.com/images/icons/qian.png" mode="aspectFill" style="height:25px;width:25px;"></image>
        <text class="globalfont_dark" style="margin-left:15px;font-size:14px">余额</text>
      </view>
      <view class="classname" style="display:flex;height:50px;flex: 1;align-items:center;justify-content:flex-end">
 
        <view class="weui-cell__ft weui-cell__ft_in-access" style="font-size: 0">
          <view style="display: inline-block;vertical-align:middle; font-size: 14px;">{{UserInfo.PersonMoney}}</view>
           
        </view>
 
      </view>
    </view>
  </view>
  <view style="width:100%;background:white;display:flex;justify-content:center;margin-top:5px" bindtap="tapGotoOrder">
    <view class="classname" style="display:flex;width:92%;height:50px;background:white;">
      <view class="classname" style="display:flex;height:50px;flex: 1;align-items:center;">
        <image src="https://www.papaguoyuan.com/images/icons/ding1.png" mode="aspectFill" style="height:25px;width:25px;"></image>
        <text class="globalfont_dark" style="margin-left:15px;font-size:14px">我的订单</text>
      </view>
      <view class="classname" style="display:flex;height:50px;flex: 1;align-items:center;justify-content:flex-end">
        <view class="weui-cell__ft weui-cell__ft_in-access" style="font-size: 0">
          <view style="display: inline-block;vertical-align:middle; font-size: 17px;"></view>
          
        </view>
 
      </view>
    </view>
  </view>
 
 <view style="width:100%;background:white;display:flex;justify-content:center;margin-top:5px" bindtap="open">
    <view class="classname" style="display:flex;width:92%;height:50px;background:white;">
      <view class="classname" style="display:flex;height:50px;flex: 1;align-items:center;">
        <image src="https://www.papaguoyuan.com/images/icons/phone.png" mode="aspectFill" style="height:25px;width:25px;"></image>
        <text class="globalfont_dark" style="margin-left:15px;font-size:14px">联系我们</text>
      </view>
      <view class="classname" style="display:flex;height:50px;flex: 1;align-items:center;justify-content:flex-end">
        <view class="weui-cell__ft weui-cell__ft_in-access" style="font-size: 0">
          <view style="display: inline-block;vertical-align:middle; font-size: 17px;"></view>
          
        </view>
 
      </view>
    </view>
  </view>
 
 
</view>

你好。

内联样式 （style）里，是没法自动补全前缀的。

你可以把样式写在wxss里边。

就可以帮你自动补齐 -webkit

谢谢回复，勾选了的，试过其他机型都OK

回到顶部