因為小程序是以微信為平台運行的，可以同時運行在android與ios的設備上，所以不可避免的會遇到布局適配問題，特別是在iphone5上，因為屏幕尺寸小的緣故，也是適配問題最多的機型，下面就簡單介紹幾種適配方法。
rpx適配
rpx是小程序中的尺寸單位，它有以下特征：
- 小程序的屏幕寬固定為750rpx（即750個物理像素），在所有設備上都是如此
- 1rpx=（screenWidth / 750）px，其中
screenWidth為手機屏幕的實際的寬度（單位px），例如iphone6的screenWidth=375px，則在iphone6中1rpx=0.5px
由上可知，在不同設備上rpx與px的轉換是不相同的，但是寬度的rpx卻是固定的，所以可以使用rpx作為單位，來設置布局的寬高。
vw、vh適配
vw和vh是css3中的新單位，是一種視窗單位，在小程序中也同樣適用。
- 小程序中，窗口寬度固定為100vw，將窗口寬度平均分成100份，1份是1vw
- 小程序中，窗口高度固定為100vh ，將窗口高度平均分成100份，1份是1vh
所以，我們在小程序中也可以使用vw、vh作為尺寸單位使用在布局中進行布局，但是一般情況下，百分比+rpx就已經足夠使用了,所以它們的出場機會很少。
轉: https://www.jianshu.com/p/fc08527604a1