设计微信小程序是按照什么尺寸做?

设计微信小程序是按照什么尺寸做?,第1张

rpx单位是微信小程序中css的尺寸单位,rpx可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在

iPhone6

上,屏幕宽度为375px,共有750个物世陆理像素,则750rpx

=

375px

=

750物理像素,1rpx

=

0.5px

=

1物理像素。

设备

rpx换算px

(屏幕宽度/750)

px换算rpx

(750/屏幕宽度)

iPhone5

1rpx

=

0.42px

1px

=

2.34rpx

iPhone6

1rpx

=

0.5px

1px

=

2rpx

iPhone6s

1rpx

=

0.552px

1px

=

1.81rpx

微信小程序也支持rem尺寸单位,rem和rpx的换乱森算关系:rem:

规定屏幕宽度为20rem;1rem

=

(750/20)rpx

注:开发微信小程序时搜陪顷设计师可以用

iPhone6

作为视觉稿的标准。

建议:设计稿使用设备宽度750px比较容易计算750px的话1rpx=1px,这样的话,设计图上量出来的尺寸是多少px就是多少rpx,至于在不同的设备上实际上要换算成多少个rem就交给小程序自己换算

小程序开发尺寸是rpx(responsive pixel),可以实现一稿适配所有屏幕尺寸,小程序编岩颤译后,rpx会做一次px换算。换算是以375个物理像素为基准,也就是在一个宽度为375物理像素的屏幕下,1rpx = 1px。这里了解就行灶物,设计稿尺寸375px或750px都没问题。隐枣液

280。小程序码最小识别尺寸280,默旁喊友认430x430,最大1280。小程序二维码是小程序的一个关键的入口,商家通过小程序二维码运槐能力可生成跳转自身小程序指定页面二维码,可用于线上线渗友下贴码推广。


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/yw/8220980.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-14
下一篇2023-04-14

发表评论

登录后才能评论

评论列表(0条)

    保存