微信小程序界面设计稿/效果图尺寸是多少?这是不少想开发小程序的朋友比较关心的问题,接下来,IT工作室创始人王晴儿根据多年的从业经验,跟大家谈谈这块!
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就交给小程序自己换算。
以上就是王晴儿整理和分享的文章内容,由于自己从事互联网设计开发已经七八个年头了,所以自然深知企业互联网营销开展的重要性。既然您来到这里,看完了我分享的文章,那就是一种缘分,也是一种说不出的缘分。如果说得不好之处,欢迎各位拍砖与指正,有任何互联网设计开发方面的问题,都可以与王晴儿一起交流探讨,虽然从业八年,但不忘初心,一直相信越努力越幸运这句话,而且我本人也喜欢结交各行各业的朋友,谢谢!
说点题外话,王晴儿分享和整理了一段最近的感悟,希望能让大家有所启发:人生如梦,岁月无情。蓦然回首,才发现人活着是一种心情。穷也好,富也好,得也好,失也好。一切都是过眼云烟。想想,不管昨天、今天、明天,能豁然开朗就是美好的一天。
本文来自投稿,不代表重蔚自留地立场,如若转载,请注明出处https://www.cwhello.com/264991.html
如有侵犯您的合法权益请发邮件951076433@qq.com联系删除