什么是rpx？
rpx（responsive pixel）: 可以根據屏幕寬度進行自適應。規定屏幕寬為750rpx。如在 iPhone6 上，屏幕寬度為375px，共有750個物理像素，則750rpx = 375px = 750物理像素，1rpx = 0.5px = 1物理像素。
建議： 開發微信小程序時設計師可以用 iPhone6 作為視覺稿的標准。
注意： 在較小的屏幕上不可避免的會有一些毛刺，請在開發時盡量避免這種情況。
為什么需要rpx？
設計師在提供設計圖時，一般只提供一個分辨率的圖。
嚴格按設計圖標注的 px 做開發，在不同寬度的手機上界面很容易變形。
而且主要是寬度變形。高度一般因為有滾動條，不容易出問題。由此，引發了較強的動態寬度單位需求。
rpx 是相對於基准寬度的單位，可以根據屏幕寬度進行自適應。uni-app 規定屏幕基准寬度 750rpx。
rpx如何換算成px？
開發者可以通過設計稿基准寬度計算頁面元素 rpx 值，設計稿 1px 與框架樣式(其他小程序也適用)1rpx 轉換公式如下：
參考資料
https://uniapp.dcloud.io/frame?id=%e5%b0%ba%e5%af%b8%e5%8d%95%e4%bd%8d