html52.com
我爱小程序-开发者交流社区

小程序中 rpx、px、pt 单位之间的比例测量

为表达方便,下面都以屏幕宽度为基准度量值


首先,屏幕宽度 = 750 rpx


接下来关于 px,这个不同手机可能不同,开发者可调用 wx.getSystemInfo 接口,取里面的 windowWidthscreenWidth(这两个值一般来说是相同的),取到的值就是屏幕宽度的 px 值


最后关于 pt,我找了 Android 和 iOS 的几台手机分别测试了一下,统计出在各个机型上都满足 1 px = 0.75 pt


比如我的魅族p6p,屏幕宽度 = 750 rpx = 360 px = 270 pt

再比如 iPhone 7 Plus,屏幕宽度 = 750 rpx = 414 px = 310.5 pt


这个就和小程序设计规范里认为的 1 px = 0.5 pt 不一致了,做设计稿和标注时需要注意这一点

网友回复

箩灬卟:

rpx是基于当前屏幕宽度与750的比值算出来的,属于动态的。会根据不同屏幕进行换算。所以做响应式比较好用。

方℡¹³⁶⁷¹⁵⁵²⁰⁸⁶ღ:

全部用rpx呢

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

真正的个人免签约支付接口

云免签H5支付