鍍金池/ 問答/HTML/ 微信小程序列表布局,為什么同樣是1rpx看起來卻差距那么大

微信小程序列表布局,為什么同樣是1rpx看起來卻差距那么大

先看圖
圖片描述

商品列表中每個(gè)商品單元格的寬度我都設(shè)置為374.5rpx,外面大的view設(shè)置display:flex;justify-content:space-between;flex-wrap:wrap;因?yàn)檎麄€(gè)界面寬是750rpx,那么中間就會(huì)有1rpx的縫隙

同時(shí)我設(shè)置每個(gè)單元格的margin-top:1rpx,同樣是1rpx,為什么看起來差那么多呢?是哪塊的知識(shí)我漏了么

回答
編輯回答
不將就

rpx稱為相對像素值,rpx與物理像素也并非絕對的一比一關(guān)系。

wxss將設(shè)備寬定義為750rpx,是以iPhone6的分辨率(750x1334)為基準(zhǔn)劃分的。

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

所以不同機(jī)型有不同表現(xiàn)

2017年4月30日 19:21