上图是开发者工具上iphone6的表现
margin-left是12rpx 转换出来是6px width是100rpx 转换后是50px 均为2:1 相当于 1rpx= 0.5px
下图是选择的iphone13pro机型的表现,可见margin-left是12rpx 转换出来是6px 相当于 1rpx= 0.5px 但是width已经不是2:1了,这里iphone13的宽度是390px显然宽度的转换更接近现实,而margin的表现不尽人意,虽然一个影响不大,但是当我们显示横向列表的时候这个问题就会很明显,导致父级盒子左右间距难以调整合适(见最后一张图)
改成用px来做吧
看起来没问题啊,四舍五入了而已。