重庆小潘seo博客

当前位置:首页 > 重庆网络营销 > 小潘杂谈 >

小潘杂谈

微信小程序开发rpx使用

时间:2020-09-16 11:30:10 作者:重庆seo小潘 来源:
在微信官方的文档中,我们看到这样一句话: 在 iPhone 6 上,屏幕宽度为 375px,共有 750 个物理像素,则 750rpx = 375px = 750 物理像素,1rpx = 0.5px = 1 物理像素。开发微信小程序时设计师可以用 iPhone 6 作为视觉稿的标准。也就是说,设计师在设计小程

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

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