ipad尺寸(768*1024)的小程序设计稿,如何通过设计稿计算样式值(小程序适配ipad)

新手上路,请多包涵

通常开发小程序时,拿到设计师以iphone6尺寸为基准的设计稿,如一个按钮是20px 30px, 则在小程序里一般是写20rpx 30rpx。可是拿到ipad尺寸的设计稿,上面那个按钮在开发时又该写多少。
试了下根据设计稿显示多少就写多少,即在代码里写20px * 30px,看起来跟设计稿尺寸一样,但直接放到手机端里看肯定会很大的。
大家在拿到ipad尺寸的小程序稿是咋考虑元素尺寸的计算值。

阅读 3.4k
1 个回答

假设实现页面与设计稿是等比例的话,可以得到等式:

按钮宽度 / 屏幕宽度 = 设计稿按钮宽度 / 设计稿整体宽度

以 rpx 为单位的话,屏幕的宽度是 750 rpx

按钮宽度 / 750 = 设计稿按钮宽度 / 设计稿整体宽度

不管什么设计稿,这个等式都是通用的
我是这样理解的。。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题