布局在开发者工具中布局对齐正常,在真机测试时偏短了,是什么原因啊?
代码:
<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测试结果:
如果是要多个标签占全宽度的,你用rpx 加起来,是不行的。。rpx转 px在很多机型上是有固定误差的。你这种布局,我建议用flex布局
已经采用flex解决谢谢!
霄霄诚邀加入组织看我简介
这几个月要做小程序,才混社区的~ 做完了就走啦