小程序
小游戏
企业微信
微信支付
扫描小程序码分享
图一手机渲染结果:
图二实际编码:
图三华为荣耀V9设备信息:
图四计算公式:
根据rpx转px计算公式:rpx * (屏幕宽度 / 750) = px
650rpx = 312px 实际277px(主要是这个相差较远)
16rpx = 7.68px 向下取整7px 实际6px
20rpx = 9.6px 向下取整9px 实际8px
30rpx = 14.4px 向下取整14px 实际12px
这里是适配有误, 还是公式计算错误?
1 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
请问机型系统、微信客户端版本是?
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
机型:华为荣耀v9 版本:6.7.3
上面图有详情信息
麻烦帮我确认下
手机是按实际屏幕宽度为320px进行缩放渲染,实际用getSystemInfoSync()取到screenWidth=360px,导致计算结果不一致
麻烦看下使用 SelectQuery.selectViewport().boundingClientRect() 返回的屏幕尺寸?
不好意思 没有收到消息提示 这里看起来是不一致的 所以rpx转px应该使用boundingClientRect获取的数据?
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
请问机型系统、微信客户端版本是?
机型:华为荣耀v9 版本:6.7.3
上面图有详情信息
麻烦帮我确认下
手机是按实际屏幕宽度为320px进行缩放渲染,实际用getSystemInfoSync()取到screenWidth=360px,导致计算结果不一致
麻烦看下使用 SelectQuery.selectViewport().boundingClientRect() 返回的屏幕尺寸?
不好意思 没有收到消息提示 这里看起来是不一致的 所以rpx转px应该使用boundingClientRect获取的数据?