【IoT】 产品设计:微信小程序如何适配不同机型

Zahirah ·
更新时间:2024-11-11
· 847 次阅读

rpx是小程序中的尺寸单位,它有以下特征:

小程序的屏幕宽固定为750rpx,即750个物理像素,1rpx=(screenWidth / 750)px,其中screenWidth为手机屏幕的实际的宽度(单位px)。

例如iphone6的screenWidth=375px,则在iphone6中1rpx=0.5px

在不同设备上rpx与px的转换是不相同的,但是宽度的rpx却是固定的,所以可以使用rpx作为单位,来设置布局的宽高。

开发微信小程序时可以用iPhone6作为视觉稿的标准:
 
直接以iPhone6的屏幕尺寸(375 × 667) 用作视觉稿尺寸,1PX:0.5rpx, 以 1PX:1rpx的标准,将设计稿尺寸设定 为750×1334 。 
 

refer:

http://www.yiyongtong.com/archives/view-3613-1.html

https://www.cnblogs.com/fps2tao/p/11098204.html

简一商业 原创文章 354获赞 322访问量 56万+ 关注 他的留言板 展开阅读全文
作者:简一商业



小程序 产品设计 IoT 程序 微信小程序

需要 登录 后方可回复, 如果你还没有账号请 注册新账号
相关文章