uniapp计算宽度
时间: 2023-12-02 14:38:43 浏览: 103
uni-app 组件里面获取元素宽高的实现
Uniapp使用rpx作为宽度的计算单位,rpx是相对于基准宽度的单位,可以根据屏幕宽度进行自适应。Uniapp规定屏幕基准宽度为750rpx。举例来说,如果设计稿宽度为750px,元素A在设计稿上的宽度为100px,那么元素A在Uniapp里面的宽度应该设为:750 * 100 / 750,结果为:100rpx。如果设计稿宽度为640px,元素A在设计稿上的宽度为100px,那么元素A在Uniapp里面的宽度应该设为:750 * 100 / 640,结果为:117rpx。如果设计稿宽度为375px,元素B在设计稿上的宽度为200px,那么元素B在Uniapp里面的宽度应该设为:750 * 200 / 375,结果为:400rpx。
阅读全文