小程序適配單位：rpx

規定任何屏幕下寬度為750rpx

小程序會根據屏幕的寬度自動計算rpx值的大小

Iphone6下：1rpx = 1物理像素 = 0.5css

小程序編譯后，rpx會做一次px換算，換算是以375個物理像素為基準，也就是在一個寬度為375物理像素的屏幕下，1rpx=1px，舉個例子：IPhone6屏幕寬度為375px，共750個物理像素，那么1rpx=375/750px=0.5px

設備? ? rpx換算px(屏幕寬度/750)? ? px換算rpx(750/屏幕寬度)

IPhone5? ? ?1rpx=0.42px? ? ? ? ? ? ? ? ? ? ? 1px=2.34rpx

IPhone6? ? ? 1rpx=0.5px? ? ? ? ? ? ? ? ? ? ? ?1px = 2rpx

IPhone6 Plus? ? 1rpx = 0.552px? ? ? ? ? 1px = 1.81rpx

一般情況下，我們所選用的機型是IPhone6? 因為它對于換算來說會比較方便一點

那么除了使用wxss之外，我們同樣也可以使用less來定義樣式

使用 Less 可以讓樣式表更加簡潔、易讀、易維護。

首先我們需要配置

配置完成之后我們就可以使用less來定義樣式了，

需要注意的是，使用 Less 編寫樣式會增加編譯時間和運行時間的開銷，如果項目比較小，建議直接使用原生的 CSS 樣式；如果項目比較大，可以考慮使用 Less 來提高樣式表的可維護性和可重用性。