uni-app将rpx转px

原创已于 2023-03-29 10:17:08 修改

· 6.9k 阅读

1 ·

版权

文章标签：

#uni-app #javascript #前端

于 2020-06-18 13:42:30 首次发布

js 同时被 2 个专栏收录

16 篇文章

订阅专栏

vue

10 篇文章

订阅专栏

本文介绍了一种在小程序中将rpx单位转换为px单位的方法，通过获取设备信息和窗口宽度，实现不同设备屏幕尺寸下的适配。文章详细解释了如何分离字体大小和单位，以及在不同单位（如rpx、vw）之间的转换过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

        sizeDeal(size) {
		    const info = uni.getSystemInfoSync()
		    const scale = 750 / info.windowWidth;
			// 分离字体大小和单位,rpx 转 px
			let s = Number.isNaN(parseFloat(size)) ? 0 : parseFloat(size)
			let u = size.toString().replace(/[0-9]/g, '').replace('-','')
			if (u == 'rpx') {
				s /= scale
				u = 'px'
			} else if (u == '') {
				u = 'px'
			}else if (u == 'vw') {
				u = 'px'
				s = s / 100 * 750 / scale
			}
			return [s, u, s + u]
		}