小程序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就交给小程序自己换算。

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

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

当然您觉得文章有价值、或关注分享感谢什么的，也顺手点个赞哈——以文章价值为桥梁，「点赞」：使「您的价值」得以延伸并持续留香……

文章来源：王晴儿网页设计博客 欢迎分享交流，一起进步，谢谢！返回搜狐，查看更多

责任编辑：