uniapp 获取屏幕的高度和px转换rpx

最新推荐文章于 2025-02-25 15:25:24 发布

臭臭鬼

最新推荐文章于 2025-02-25 15:25:24 发布

阅读量5.9k

点赞数 3

分类专栏： uniapp

本文链接：https://blog.csdn.net/qq_40630924/article/details/112632212

版权

uniapp 专栏收录该内容

7 篇文章

订阅专栏

此篇博客介绍了如何在uniapp中使用`uni.getSystemInfo`获取设备屏幕高度和宽度，并展示了如何将px值转换为rpx单位，以便适应移动端布局。

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

uniapp获取屏幕的高度和转换

onLoad() {
			uni.getSystemInfo({
			    success: function (res) {
			        console.log(res.screenHeight); //屏幕高度  注意这里获得的高度宽度都是px 需要转换rpx
			        console.log(res.windowWidth);  //可使用窗口宽度
			        console.log(res.windowHeight); //可使用窗口高度
			        console.log(res.screenWidth); //屏幕宽度
					var rpx=(res.screenHeight * (750 / res.windowWidth))  //将px 转换rpx
					console.log(rpx)
			    }
			});
		},