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

新手上路,请多包涵

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

阅读 3.4k
1 个回答

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

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

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

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

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

推荐问题