微信小程序 设计稿尺寸 - 懒人日记

微信小程序 设计稿尺寸

2018-06-10 21:36  懒人日记2017  阅读(2590)  评论(0)  编辑  收藏  举报

小程序官网里说规定屏幕宽为750rpx，

意思是说不管什么屏幕，宽度都是750rpx，我们设计的时候都以宽为750rpx来设计，那么高度呢？

显然如果能知道高宽比我们就能知道高度了，高度=750rpx*高宽比

 

API里提供同步方法wx.getSystemInfoSync() 异步方法wx.getSystemInfo() 获得高宽信息

　　var sysinfo=wx.getSystemInfoSync();  

　　console.log(sysinfo);  

 

发现

windowWidth:375 为750的一半，

 windowHeight：627 ，乘以2的话为1254，而iphone6像素其实是1334，所以这个windowHeight为除去顶部navigationBar之后（以下称为窗口）的高度

 

总结： 小程序在PS设计稿中，宽度是750px, 高度没有限制，当然最好使用iphone6的尺寸。

 

 

 

 

 

 

 

 

 

 

 

 

• 分类 小程序
•