微信小程序开发rpx使用

小程序开发小程序开发 2023-08-31 20:37:16 877
摘要: 在微信官方的文档中,我们看到这样一句话:在iPhone6上,屏幕宽度为375px,共有750个物理像素,则750rpx=375px=750物理像素,1rpx=0.5px=1物理像素。开发微信小程序时设计师可以用iPhone6作为视觉稿的标准。...

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

在 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使用的详细内容,更多请关注其它相关文章!