错误代码示例： 

// 在onLoad中调用
const that = this
wx.getSystemInfo({success: function (res) {console.log(res)that.setData({model: res.model,screen_width: res.windowWidth/375,screen_height: res.windowHeight})}
})

我看到网上很多使用上面这种代码去适配，其实这是错误的方式，不能应用到全部场景 

接下来使用如下方式处理完美适配

第一步，获取需要画图的宽高

如果是画整个屏幕，就用wx.getSystemInfoSync()获取windowWidth和windowHeight，然后把canvas宽高使用100%就行

如果是只画指定宽高大小，那么就将canvas的宽高指定，单位rpx，然后使用如下代码获取不同机型的真实宽高

<canvas  canvas-id="cardCanvas" style="height: 1046rpx;width: 654rpx;" class="tsccc" catchtouchmove="true"></canvas>

wx.createSelectorQuery(