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