为什么模拟器对齐与真机对齐不一致?
发布于 6 年前 作者 weixie 15563 次浏览 来自 问答

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

代码:

<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 回复

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

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

回到顶部