微信小程序在不同设备下的屏幕适配(px和rpx换算)

单位换算

一、ui以iphone6为设计稿:

1.开发人员在css文件中以px为单位使用的话,要除以2才能当做正常的尺寸使用,即45px;
2.苹果6模板 换算关系: ui给定的90px = 原生iOS的45 = css的45px = 微信小程序的90rpx
3.所以css的px和wxss的rpx的换算关系:1px = 2rpx

二、ui以iphone6plus为设计稿:

1.开发人员在css文件中以px为单位使用的话,要除以3才能能当做正常的尺寸使用,即30px;
2.苹果6plus模板 换算关系: ui给定的90px = 原生iOS的30 = css的30px = 微信小程序的54.3rpx
3.所以,css的px和wxss的rpx的换算关系:1px = 1.81rpx

尺寸单位

微信小程序在不同设备下的屏幕适配(px和rpx换算)