嫌長(zhǎng)版本：

1. var rpx = 10000;
2. var systemInfo = wx.getSystemInfoSync();
3. var px = rpx / 750 * systemInfo.windowWidth;

------------------- ------------------- 詳解版： 分割線 ------------------- -------------------

先理解兩個(gè)概念。  分辨率有兩種。  【物理分辨率 rpx（responsive pixel）】即 手機(jī)上實(shí)際的分辨率。如 iPhone6 是 1334rpx * 750rpx。  【邏輯分辨率 px】即 代碼計(jì)算時(shí)的分辨率。  【像素倍率 dpr】即 物理分辨率 除以 邏輯分辨率。如 iPhone6 的是 (1334 * 750) / (667 * 375) = 2。

如圖：一個(gè)矩形寬度為200rpx，要將它從左側(cè)看不到的地方移動(dòng)到屏幕內(nèi)然后靠最左側(cè)停下。即 將它的X坐標(biāo)加 200rpx。

在 iPhone6 上的代碼就是如下：

1. var ani = wx.createAnimation({ transformOrigin: "50% 50%", duration: 1000, timingFunction: "ease" });
2. ani.translateX(100).step(); // 即 X += 100px。

問(wèn)題是：不確定機(jī)型。  所以 這里的 100px 需要每次都計(jì)算出來(lái)。  已知矩形的設(shè)計(jì)為 200rpx，即 px = 200 / 750 * systemInfo.windowWidth;

微信提供的函數(shù)可以同步獲取到設(shè)備信息。

1. // 在 iPhone6 下運(yùn)行：
2.  
3. var systemInfo = wx.getSystemInfoSync();
4. console.log(systemInfo.windowWidth); // 輸出 375（單位 px）
5.  
6. // 在 iPhone6 Plus 下：
7. var systemInfo = wx.getSystemInfoSync();
8. console.log(systemInfo.windowWidth); // 輸出 414 （單位 px）