【IoT】 產品設計:微信小程序如何適配不同機型

rpx是小程序中的尺寸單位,它有以下特徵:

小程序的屏幕寬固定爲750rpx,即750個物理像素,1rpx=(screenWidth / 750)px,其中screenWidth爲手機屏幕的實際的寬度(單位px)。

例如iphone6的screenWidth=375px,則在iphone6中1rpx=0.5px

在不同設備上rpx與px的轉換是不相同的,但是寬度的rpx卻是固定的,所以可以使用rpx作爲單位,來設置佈局的寬高。

開發微信小程序時可以用iPhone6作爲視覺稿的標準:
 
直接以iPhone6的屏幕尺寸(375 × 667) 用作視覺稿尺寸,1PX:0.5rpx, 以 1PX:1rpx的標準,將設計稿尺寸設定 爲750×1334 。 
 

 

 

refer:

http://www.yiyongtong.com/archives/view-3613-1.html

https://www.cnblogs.com/fps2tao/p/11098204.html

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章