微信小程序列表布局,为什么同样是1rpx看起来却差距那么大

先看图
图片描述

商品列表中每个商品单元格的宽度我都设置为374.5rpx,外面大的view设置display:flex;justify-content:space-between;flex-wrap:wrap;因为整个界面宽是750rpx,那么中间就会有1rpx的缝隙

同时我设置每个单元格的margin-top:1rpx,同样是1rpx,为什么看起来差那么多呢?是哪块的知识我漏了么

阅读 2.9k
1 个回答

rpx称为相对像素值,rpx与物理像素也并非绝对的一比一关系。

wxss将设备宽定义为750rpx,是以iPhone6的分辨率(750x1334)为基准划分的。

也就是说,在iPhone6上,1rpx=1物理像素=0.5px

所以不同机型有不同表现

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题