ios 6页面布局错位
发布于 4 年前 作者 yjia 2840 次浏览 来自 问答
  • 当前 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;

}

回到顶部