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

发布于 2022-09-11 23:45:41 字数 222 浏览 9 评论 0

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

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

﹂绝世的画 2022-09-18 23:45:41

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

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

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

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

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

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文