微信小程序rpx和px怎么转换成文档，微信小程序rpx对高度无效

技术背景

我们知道小程序里面是不可以直接进行DOM操作的，所以卤煮通常以下面的方式设置元素的尺寸：

所以有时候就涉及到px和rpx之间的转换~~

需求解决

先看看官方的回答：

通过小程序内置方法getSystemInfoSync()获取屏幕宽度，然后进行转换：

rpx转px:

1| var px = rpx / 750 * wx.getSystemInfoSync().windowWidth;

px转rpx

1| var rpx = px / wx.getSystemInfoSync().windowWidth * 750;

小程序中的rpx单位

在移动端日常开发，多使用rem单位，因为它能够很好的解决屏幕适应问题。

在小程序中，小程序框架提供了rpx（responsive pixel），可以根据屏幕宽度进行自适应。rpx其实是微信对于rem的一种应用的规定，或者说一种设计的方案

如上图中，

pt为逻辑分辨率，与屏幕尺寸有关， 可以理解为长度单位；

px为物理分辨率，与屏幕尺寸无关，用于描述像素点的多少；

小程序框架规定屏幕宽为750rpx。如在 iPhone6 上，屏幕宽度为375（pt），共有750个物理像素（px），那么750rpx = 375pt = 750px。所以iPhone6下：1px = 1rpx =0.5pt;

建议设计稿建议以iPhone6的分辨率（750x1334px）为基准。这样的情况下1rpx=1px。

另：不是所有单位都适合rpx，有一些比如字体标题不需要自调整就不使用rpx。