小程序开发技术文档:关于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(黄先生)
在线留言:
微信扫码,关注我们
相关文章
  • 公司开发微信小程序商城系统,实现精准高效营销

    对于微信小程序开发的争议,从小程序还没真正诞生的时候就已经持续到现在

  • 微信开发快速寻找小程序——小程序搜索入口新功能

    据悉,微信小程序在搜索进入小程序界面这个方面将要有新的动作,并且这个动作将于2017年6月9日开始实施。

  • 小程序开发文档:生命周期函数与页面事件函数说明

    微信小程序开发过程中必要遇到的两个内容,就是生命周期函数与页面相关事件处理函数,而者两个内容

  • 广州公司开发微信小程序后,如何运营去留住客户

    微信小程序不像APP那样,有专属的、固定的入口,用户用完之后更是不必卸载,直接离开即可。

  • 微信小程序开发有哪些开发工具?

    包括官方的、非官方的开发工具在内,微信小程序开发市场上现在大概有十余种开发工具可供使用,经过小编认真细致地精心挑选之后,我选择了四款比较突出的开发工具准备来好好介绍一下,没被翻牌的工具们也不要气馁,再接再厉以后一定能成功引起小编注意的。

  • 微信小程序开发公司再次搞事情,新能力说来就来

    微信官方又通过微信公开课向外界宣布,他们又在小程序的开发上搞事情了,各种新能力说来就来,说开放就