页面元素宽度在 uni-app 中的宽度计算
开发者可以通过设计稿基准宽度计算页面元素 rpx 值,设计稿 1px 与框架样式 1rpx 转换公式如下:
uni-app 规定屏幕基准宽度 750rpx
设计稿 1px / 设计稿基准宽度 = 框架样式 1rpx / 750rpx
==>
框架uni-app中的样式 1rpx=750rpx*设计稿 1px / 设计稿基准宽度
举例说明:
1.若设计稿宽度为 750px,元素 A 在设计稿上的宽度为 100px,那么元素 A 在 uni-app 里面的宽度应该设为:750 * 100 / 750,结果为:100rpx。
2.若设计稿宽度为 640px,元素 A 在设计稿上的宽度为 100px,那么元素 A 在 uni-app 里面的宽度应该设为:750 * 100 / 640,结果为:117rpx。
3.若设计稿宽度为 375px,元素 B 在设计稿上的宽度为 200px,那么元素 B 在 uni-app 里面的宽度应该设为:750 * 200 / 375,结果为:400rpx。