小程序开发技术文档:关于rpx的相关问题

2018/7/22 15:01:23
摘要: 众所周知,现在的移动设备的种类多,操作系统就有android、ios、windows phone等等,而且有着多种屏幕尺寸,比如5.5寸、6寸等等

众所周知,现在的移动设备的种类多,操作系统就有android、ios、windows phone等等,而且有着多种屏幕尺寸,比如5.5寸、6寸等等,而且屏幕像素间也存在着差异,所以小程序开发者不得不对不同的操作系统和不同的屏幕尺寸进行处理。

而为了使小程序能在任何屏幕尺寸上都能正确显示,我们需要进行适配处理,所以微信团队做出了专门处理适配问题的解决方法,给我们提供了一个新的尺寸单位 rpx。

Rpx的话,就是可以根据不同的屏幕尺寸进行适配,并且规定所有的屏幕宽都为750rpx。

下面小编整理的列表内容,就是是 rpx 与 px 之间的换算关系,大家可以参考使用,以便于进行小程序开发。

 设备             屏幕尺寸     rpx换算px (屏幕宽度/750)      px换算rpx (750/屏幕宽度)

iPhone5             320px          1rpx = 0.42px                 1px = 2.34rpx            

小米MIX 2S         360px          1rpx = 0.48px                  1px = 2.083rpx           

iPhone6             375px          1rpx = 0.5px                   1px = 2rpx               

iPhone6 Plus         414px          1rpx = 0.552px                 1px = 1.81rpx            

HUAWEI Mate 10     480px           1rpx = 0.64px                  1px = 1.562rpx           


声明:文章"小程序开发技术文档:关于rpx的相关问题"为互诚科技—微信小程序开发公司的原创文章,转载请注明出处,谢谢合作!
标签:小程序开发文档
电话咨询:18011971195(黄先生)
在线留言:
微信扫码,关注我们
相关文章
  • 如何辨别广州微信小程序开发公司的好坏

    ​相信很多人在想要开发一个微信小程序时,都会选择开发公司去进行合作。但是,开发公司有好有坏,如何选择也是一个问题。

  • 小程序开发文档之开发者相关问题集锦(四)

    (1)跳转到某个页面的函数:|--wx.navigateTo(OBJECT)--| (2)官方对小程序页面跳转的规定页面深度,最多只能是5层。

  • 广州互诚科技给你讲讲微信小程序开发目前的痛点分析

    任何一个事物都不可能是十全十美的,微信小程序的开发也是如此。目前微信圈中火热的小程序开发,同样存在着开发痛点

  • 广州微信小程序开发,应该躲过哪些坑

    选择开发公司定制开发微信小程序确实会有好处,但也不代表这样就不会着了小程序的道,该有的Bug还是得有,不该入的坑当然也可以避免,想要躲过小程序的坑,那就需要企业与开发公司共同去注意下面这一些问题:

  • 广州小程序开发:告别流量思维,正视工具性服务

    在现今的微信公众号发展已经陷入淘汰期时,微信小程序的出现就顺其自然被用户认为是第二波微信流量红利所在。

  • 微信小程序开发之前如何做好战略规划?

    对于每一个想要开发微信小程序的企业来说,都需要在开发之前去做好战略规划,包括小程序的开发方向、市场调查、用户调查以及临时的应对措施等