收藏
回答

rpx不同机型兼容问题,宽度width和margin均使用rpx,可转换出的px,比例不一致?

上图是开发者工具上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的表现不尽人意,虽然一个影响不大,但是当我们显示横向列表的时候这个问题就会很明显,导致父级盒子左右间距难以调整合适(见最后一张图)

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

2 个回答

  • showms
    showms
    12-06

    改成用px来做吧

    12-06
    有用
    回复 1
    • 幽竹小妖
      幽竹小妖
      12-08
      px没法适配不同机型啊
      12-08
      回复
  • hello world
    hello world
    12-06

    看起来没问题啊,四舍五入了而已。

    12-06
    有用
    回复 1
    • 幽竹小妖
      幽竹小妖
      12-08
      偏离了很多啊,四舍五入的误差也忒大了
      12-08
      回复
登录 后发表内容