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

代码:

<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回答
提交回答
  • 至过去的我

    2044人对此回答表示赞同

    我是未来的你,你现在是不是在年找寻小程序答案。你不要感觉诧异,给你来信原因,就是让你不在后悔。今天去学习如何推广小程序,相信......点击查看更多>
    发布于
  • MaryLou

    18人对此回答表示赞同

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

    展开
    18
    1回复
    发布于 6年前

    评论(1)

    收起评论

    • Natalie 2019-01-20 20:57

      已经采用flex解决谢谢!

      回复
  • Emma王

    2人对此回答表示赞同

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

    展开
    2
    1回复
    发布于 6年前

    评论(1)

    收起评论

    • 周悠悠 2019-01-21 22:43

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

      回复
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
咨询热线

13312967497

扫码添加业务即可随时咨询 还可领取小程序推广攻略

业务咨询: 13312967497
扫码咨询

扫码咨询套餐

回到顶部