【px】px就是Pixel的縮寫，就是指畫素。這個作為圖片取樣的基本單位，沒什麼需要特別說明的。
【rem】在做移動端適配是最常用的方法就是使用rem作為單位，因為rem是根據html的fontsize去動態計算實際的px的。
所以常常應用這點，做反向使用。即根據螢幕大小動態的設定fontsize.來達到不同的解析度下有一樣的效果。
【rpx】rpx其實是微信對於rem的一種應用的規定，或者說一種設計的方案，官方上規定螢幕寬度為20rem，規定螢幕寬為750rpx。

所以在微信小程式中1rem=750/20rpx。

但是這不是我們要關注的重點。

在使用rem時，我們常常讓設計師根據iphone6的標準出設計稿。因為如果以iphone6為標準，並且在iphone6上將fontsize設定成62.5%。

那麼1rem就等於10px，我們只要將設計師標註的尺寸（一般標註的是物理解析度）除以20就可以得到單位為rem的數值了。

在 iPhone6 上，螢幕寬度為375px，共有750個物理畫素，則750rpx = 375px = 750物理畫素，1rpx = 0.5px = 1物理畫素。

css中的px與裝置的物理畫素並非絕對的一比一關係。

px與物理畫素的比例與裝置的dpr（畫素倍率）有關。

rpx稱為相對畫素值，rpx與物理畫素也並非絕對的一比一關係。

wxss將裝置寬定義為750rpx，是以iPhone6的解析度（750x1334）為基準劃分的。

也就是說，在iPhone6上，1rpx=1物理畫素=0.5px

因為設計師標註的尺寸一般是物理解析度。所以如果以iphone6為標準出設計稿的話，那麼我們就可以不需要經過換算直接標準rpx。