最近正著手開發微信小程式，才發現自己差的還是有點遠的。因為在之前的工作中，也都是在閒魚時間通過瀏覽官網api，寫點簡單的demo#hello world#。當我真正去使用它開發專案時，才發現其奧祕頗深。

注：( 凡是每一項技術，在你會使用它的同時，也要試著去剖析、瞭解它的設計、執行原理。現在的技術都是由互相借鑑的，原理大可說為 #相同# )

話不多說，相信閱讀我這篇文章的你，不久就會走上大牛之路。下面介紹一下，微信小程式設定的 css 單位

rpx

在微信小程式官方文件中，自定義了一套 css 標準檔案 .wxss。其中新增了一個單位 rpx (可以根據螢幕寬度進行自適應)

文件中定義：螢幕寬度為 750px，設計中依據 iphone6 為標準

    1rpx = .5px = 1物理畫素（這裡泛指 ps 中的單位）

下面直接上程式碼、圖片，進行一個對比

.item {
    width: 100rpx;
    height: 100rpx;
}

.item {
    width: 100px;
    height: 100px;
}

通過以上的對比，我相信你應該徹底瞭解了吧！

感謝你閱讀我的心得，我會持續更新，不斷的提高我的技術，同時為大家帶來高質量的技術文章；

互相交流、互相指教！