收藏
回答

rpx在plus机型下适配有误差?

iphone7:


iphone7 Plus:


红色背景的宽度是710rpx,黑色背景块的块宽度是230rpx,中间那列的黑色块有左右10rpx的边距。

230*3 + 10*2 = 710

在iphone7的屏幕宽度下是完美相等的,但是plus机型下误差较大,视觉上能看出来不居中

因为在最后总数不是3的倍数需要靠左排列,所以不能直接使用居中和justify-content: space-between;

最后一次编辑于  09-04
回答关注问题邀请回答
收藏

1 个回答

  • waterfall
    waterfall
    09-02

    margin-right的值这样写试试呢:

    calc((100vw - 690rpx)/2)

    09-02
    赞同
    回复 4
    • 小叶子
      小叶子
      09-02

      calc((100vw - 730rpx)/2

      试了下这样写效果会好些


      但还是能看出来一点点误差

      感谢这位朋友的解决方案!

      求问官方有没有更好的方法解决此类问题

      09-02
      回复
    • waterfall
      waterfall
      09-02回复小叶子
      你这个有边框吧,得把边框宽度算进去
      09-02
      回复
    • 小叶子
      小叶子
      09-02回复waterfall
      嗯嗯 都是设置box-sizing:border-box;边框算进去的。试过把边框去掉效果一样
      09-02
      回复
    • 卢霄霄
      卢霄霄
      09-04回复小叶子
      我是用的 justify-content:space-between。补空块 wx:for={{3-list.length%3}} 却几个补几个
      09-04
      1
      回复
问题标签