官方文件：
設計師在提供設計圖時，一般只提供乙個解析度的圖，作為開發者如果嚴格按照設計圖標註的px做開發，在適配不同寬度的時候很容易變形，而且是寬度變形，因為有滾動條，高度不會出問題。
開發者可以根據設計稿的基準寬度來計算頁面元素的rpx值，設計稿的1px 與 框架樣式 1rpx 轉換公式如下：
設計稿 1px / 設計稿基準寬度 = 框架樣式 1rpx / 750rpx很好理解，比如：
1、設計稿的基準寬度為 750px, 有乙個紅色方塊寬度為100px，換算成rpx 結果為：100rpx ，也就是說 1rpx = 1px
750 * 100 / 750750 * 100 / 640（1）rpx是寬度相關的單位，螢幕越寬，元素會 越大，如果不想隨著螢幕 寬度縮放， 請使用px 。
（2）字型 或者 高度使用了rpx ， 那麼需注意這樣的寫法意味著隨著螢幕變寬，字型會變大、高度會變大。
（3）rpx不支援橫屏切換，如果使用rpx 建議鎖定螢幕方向。
——公告**：
關於匯入外聯樣式， 需要使用@import ，最後以分號結束
@import "../../common/uni.css";（2）page 相當於body 節點
/*設定頁面背景顏色*/
page
區域性樣式：
定義在pages目錄下的 .vue檔案中的樣式為區域性樣式，區域性樣式只會作用於當前頁面，如果全域性樣式與區域性樣式類名重複，區域性樣式會覆蓋全域性樣式。
1、--status-bar-height
.view
2、--window-top 內容區域距離頂部的距離。
3、--window-bottom 內容區域距離底部的距離。
小技巧：
快速書寫css變數的方法：在css中敲 hei
uniapp中尺寸單位rpx的使用
簡單理解rpx 750rpx就是螢幕最大寬度，那你的樣式寬度絕對不能超過750rpx，一般設計稿都是750px的標準，但有時候也不是，如 這個原型的寬度就是563px，反正很不對勁 圖一是有計算公式的，自己算那就太蠢了 563 750 0.75 然後你寫樣式的時候就會自動幫你轉換 然後這就ok了 很...
微信小程式 尺寸單位rpx與px,rem相互轉換
官方文件 rpx responsive pixel 可以根據螢幕寬度進行自適應。規定螢幕寬為750rpx。如在 iphone6 上，螢幕寬度為375px，共有750個物理畫素，則750rpx 375px 750物理畫素，1rpx 0.5px 1物理畫素。裝置rpx換算px 螢幕寬度 750 px換算...
尺寸單位em,rem,vh,vw
這幾天做demo，看了網上教程有用到尺寸單位vh，vw，這些單位不是很熟悉，所以上網上找了些資料來認識了這些不認識的單位 1.em 在做手機端的時候經常會用到的做字型的尺寸單位 說白了 em就相當於 倍 比如設定當前的div的字型大小為1.5em，則當前的div的字型大小為 當前div繼承的字型大小...