微信小程序的宽度是多少(微信小程序界面设计稿)
微信小程序界面设计稿/效果图尺寸是多少?这是不少想开发小程序的朋友比较关心的问题,接下来,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就交给小程序自己换算。
以上就是王晴儿整理和分享的文章内容,由于自己从事互联网设计开发已经七八个年头了,所以自然深知企业互联网营销开展的重要性。既然您来到这里,看完了我分享的文章,那就是一种缘分,也是一种说不出的缘分。如果说得不好之处,欢迎各位拍砖与指正,有任何互联网设计开发方面的问题,都可以与王晴儿一起交流探讨,虽然从业八年,但不忘初心,一直相信越努力越幸运这句话,而且我本人也喜欢结交各行各业的朋友,谢谢!
说点题外话,王晴儿分享和整理了一段最近的感悟,希望能让大家有所启发:人生如梦,岁月无情。蓦然回首,才发现人活着是一种心情。穷也好,富也好,得也好,失也好。一切都是过眼云烟。想想,不管昨天、今天、明天,能豁然开朗就是美好的一天。
当然您觉得文章有价值、或关注分享感谢什么的,也顺手点个赞哈——以文章价值为桥梁,「点赞」:使「您的价值」得以延伸并持续留香……
文章来源:王晴儿网页设计博客 欢迎分享交流,一起进步,谢谢!
,免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com