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

改为rpx的作用：微信底层会根据屏幕宽度自动调整标签中 所设置的尺寸大小，不用我们过问。

以下图为例，ui给定的头像的宽高为90px：

总结：ui以苹果6或者苹果6plus为模板设计出来的图片，px和rpx都需要做运算处理，规律如上，小程序官方文档建议ui以苹果6模板作图。

我的这篇文章有各种设备的尺寸信息 手机屏幕尺寸、设备信息

微信头像缩小全图步骤如下：

1、打开美图软件，点击美化图片。

2、点击进入后，点击:打开一张图片，选择好自己要当头像的图片。

3、图片进入美图软件中，点击页面右上角的:尺寸。

4、之后可以根据自己的需求点击尺寸，点击:应用这里以缩略图为例。

5、之后根据自己的保存习惯保存图片，这样就把图片缩小了。

微信（WeChat）是腾讯公司于2011年1月21日推出的一款面向智能终端的即时通讯软件，由张小龙带领腾讯广州研发中心产品团队打造。微信为用户提供聊天、朋友圈、微信支付、公众平台、微信小程序等功能，同时提供生活缴费、直播等服务。其用户覆盖200多个国家、超过20种语言。

---