在微信官方的文档中,我们看到这样一句话:

在 iPhone 6 上,屏幕宽度为 375px,共有 750 个物理像素,则 750rpx = 375px = 750 物理像素,1rpx = 0.5px = 1 物理像素。开发微信小程序时设计师可以用 iPhone 6 作为视觉稿的标准。也就是说,设计师在设计小程序时,可以这样做:

  • 直接以 iPhone 6 的屏幕尺寸(375×667)用作视觉稿尺寸,1 px = 0.5 rpx;

  • 以 1 px = 1 rpx 的标准,将设计稿尺寸设定为 750×1334。

其实总的来说就是,你跟UI小姐姐说一声,然后就可以很爽的写样式了。

相信看了本文案例你已经掌握了方法,更多精彩请关注悠悠之家其它相关文章!

推荐阅读:

JS实现统计字符串内数据规律

如何使用前端Js框架

以上就是微信小程序开发rpx使用的详细内容,更多请关注悠悠之家其它相关文章!

点赞(31)

评论列表共有 0 条评论

立即
投稿
返回
顶部