微信小程序界面设计稿/效果图有多大?这是很多想开发小程序的朋友关心的问题。接下来,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:
指定的屏幕宽度是20雷姆;;1rem=(750/20)rpx
注:开发微信小程序时,设计师可以用iPhone6作为视觉稿的标准。
建议:用设计稿中750px的设备宽度计算750px更容易,所以1rpx=1px,这样的话设计图上测得的尺寸就和rpx一样多,至于不同设备上实际需要换算多少rem,就看小程序自己换算了。
以上是王整理分享的文章内容。他既然从事了七八年的互联网设计开发,自然知道企业互联网营销的重要性。既然你来了,看了我分享的文章,那就是一种缘分,一种说不出的缘分。如果说错了,欢迎大家评论指正。如果你在互联网设计和开发方面有任何问题,你可以与王讨论。虽然工作八年,但不要忘记你的主动性头脑一直相信越努力越幸运的说法,我也喜欢结交各行各业的朋友。谢谢大家!
扯远了,王分享整理了最近的一个感悟,希望能启发大家:人生如梦,岁月无情。蓦然回首,发现活着是一种心情。穷则富,得则失。一切都是过去的事。想想看,无论昨天、今天还是明天,都是豁然开朗的美好一天。
当然,如果你觉得文章有价值,或者你关注分享感谢什么的,你也可以方便的赞一下——以文章的价值为桥梁,“点赞”:延伸你的价值,留香...
来源:王网页设计博客欢迎分享交流,共同进步。谢谢大家!