2020-11-29

本文探讨了微信小程序中使用的像素单位rpx和px的区别,以及逻辑像素、物理像素和设备独立像素的概念。逻辑像素是相对单位,而物理像素是实际屏幕上的点。设备独立像素用于跨设备保持页面比例。pixelRatio表示物理像素与设备独立像素的比例。微信小程序页面默认宽度为750rpx,通过wx.getSystemInfoSync()可获取设备信息。理解这些概念对于小程序开发至关重要。
摘要由CSDN通过智能技术生成

关于微信小程序中的像素问题?

微信小程序中有两种单位 rpx px 。
px仅仅表示单位 rpx意为自适应像素。我们使用wx.geSystemInfoSync()获取的px是逻辑像素

什么叫逻辑像素,就是一个相对的像素. 他可以表示1px,2px,3px,这里指的是物理像素。

物理像素,大家应该都明白,就是实际的像素。真实,就好比,1是1,2是2。

还有一个玩意,叫设备独立像素。这东西就跟逻辑像素差不多。作用就是为了适配,不同的设备,比如手机显示器,电脑显示器,他们的物理像素都不同,如何保证我们的页面不失真,就要用到我们的设备独立像素了。

物理像素和设备独立像素之间的比成为pixel Ratio。

微信小程序中的页面水平宽就是750rpx。
垂直长没说过,但好计算。

好了,各位,这是我自己理解的,些许不对,请指正。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值