专注于网站推广优化,承接营销型网站建设,整站优化外包,AI人工智能优化咨询QQ:20167856

微信小程序设计稿尺寸(微信小程序图标尺寸规范)

网络营销 2022-09-22

文章摘要:微信小程序界面设计稿/效果图尺寸是多少?这是不少想开发小程序的朋友比较关心的问题,接下来,IT工作室创始人王晴儿根据多年的从业经验,跟大家谈谈这块!rpx单位是微信小程序中css的尺...

  

  微信小程序界面设计稿/效果图尺寸是多少?这是不少想开发小程序的朋友比较关心的问题,接下来,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就交给小程序自己换算。

  以上就是王晴儿整理和分享的文章内容,由于自己从事互联网设计开发已经七八个年头了,所以自然深知企业互联网营销开展的重要性。既然您来到这里,看完了我分享的文章,那就是一种缘分,也是一种说不出的缘分。如果说得不好之处,欢迎各位拍砖与指正,有任何互联网设计开发方面的问题,都可以与王晴儿一起交流探讨,虽然从业八年,但不忘初心,一直相信越努力越幸运这句话,而且我本人也喜欢结交各行各业的朋友,谢谢!

  说点题外话,王晴儿分享和整理了一段最近的感悟,希望能让大家有所启发:人生如梦,岁月无情。蓦然回首,才发现人活着是一种心情。穷也好,富也好,得也好,失也好。一切都是过眼云烟。想想,不管昨天、今天、明天,能豁然开朗就是美好的一天。

预约SEO大佬

添加QQ:20167856 免费解答,赠送收录推送工具和网站分析

上一篇:微信小程序设计方法怎么写(个人如何做一个微信小程序)

下一篇:微信小程序趋势及前景(小程序的4个发展趋势)