收藏
回答

为什么模拟器对齐与真机对齐不一致?

框架类型 问题类型 操作系统 操作系统版本 手机型号 微信版本
小程序 Bug Android MIUI 9.6 稳定版 Redmi Note 3 6.6.7

布局在开发者工具中布局对齐正常,在真机测试时偏短了,是什么原因啊?

代码:

<view style="width: 750rpx;display: flex;flex-wrap: wrap; ">

 <button style='margin:10rpx 0rpx 0rpx 10rpx;width:138rpx;'>测试</button>

 <button style='margin:10rpx 0rpx 0rpx 10rpx;width:138rpx;'>测试</button>

 <button style='margin:10rpx 0rpx 0rpx 10rpx;width:138rpx;'>测试</button>

 <button style='margin:10rpx 0rpx 0rpx 10rpx;width:138rpx;'>测试</button>

 <button style='margin:10rpx 0rpx 0rpx 10rpx;width:138rpx;'>测试</button>

</view>

<button style='margin:10rpx 0rpx 0rpx 10rpx;width:730rpx;'>测试</button>


测试结果:开发工具上能对齐


红米3测试结果:




回答关注问题邀请回答
收藏

2 个回答

  • 卢霄霄
    卢霄霄
    2018-06-19

    如果是要多个标签占全宽度的,你用rpx 加起来,是不行的。。rpx转 px在很多机型上是有固定误差的。你这种布局,我建议用flex布局

    2018-06-19
    有用 2
    回复 1
    • 海阔天空
      海阔天空
      2018-06-19

      已经采用flex解决谢谢!

      2018-06-19
      回复
  • 莫过于此
    莫过于此
    2018-06-19

    霄霄诚邀加入组织看我简介

    2018-06-19
    有用
    回复 1
    • 卢霄霄
      卢霄霄
      2018-06-19

      这几个月要做小程序,才混社区的~ 做完了就走啦

      2018-06-19
      回复
登录 后发表内容