收藏
回答

ios 6页面布局错位

框架类型 问题类型 终端类型 微信版本 基础库版本
小程序 Bug 客户端 7.0.3 2.6.6

- 当前 Bug 的表现(可附上截图)

flex 页面布局在苹果6真机上错位严重:   这是真机



- 预期表现

开发工具及其他手机


- 复现路径


- 提供一个最简复现 Demo

<view class='container'>

<view class='list-msg2' bindtap='bindShowMsg'>

        <text>{{period}}</text>

    </view>

   

    <button class='bt' bindtap='nextpage' disabled='{{is_no}}'></button>

</view>




.container{

  height:100%;

  width: 100%;

  background-image: url('https://www.xcmaeng.cn/images/jpg/1.93-1-02.jpg');

  background-size: 100% 100%;

  display: flex;

  justify-content: center;

}

.list-msg2{

  position: absolute;

  top:35%;

  height: 4.5%;

  width: 60%;

  display: flex;

  align-items: center;

  justify-content: center;

  text-align: center;

  font-size: 60%;

  background-color: red;

}




回答关注问题邀请回答
收藏
登录 后发表内容