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

时间:2024-03-13 21:59:35

微信小程序 设计稿尺寸

2018-06-10 21:36  懒人日记2017  阅读(2398)  评论(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的尺寸。