E企盈营销工具技术服务商 热线:4006-838-530

微信小程序iphone6和iphone6plus如何设置rpx单位,通俗易懂的方法

E企盈直播平台营销卖货系统

pt:屏幕物理像素(屏幕实际宽度像素) px:屏幕分辨率 pt和px关系:iphone6plusppi密度高,1pt里有3px,iphone6 1pt里有2px。iphone6宽度  (物理像素)  :375pt,1pt含有2px, 分辨率(设计图) 750px。 iphone6plus宽度(物理像素):414pt,1pt含有3px,分辨率(设计图)1252px。rpx换算:换算公式:750/屏幕实际宽度(pt)iphone6plus(@3x) px换算rpx:750/414=1.8115942028985508rpx在设计图中,设计图大小为1252px;如果一个宽度为30px换算rpx:30/3*1.8115942028985508=8.115942028985508;所以在微信小程序中,直接填写8.115942028985508rpx即可。iphone6(@2x)  px换算 rpx:750/375=2rpx;在设计图中,设计图大小为750px;如果一个宽度为30px换算rpx:30/2*2=30rpx所以在微信小程序中,直接填写30rpx即可。rpx是在不同屏幕下可以适配的,所以使用rpx单位只要在一种设计图下适配,都可以在不同设备大小自己调节大小通过以上例子看出做小程序时,需要设计图为以iphone6手机大小设计方案最佳!!

赞(0) 打赏
未经允许不得转载:E企盈小程序开发-热线:4006-838-530 » 微信小程序iphone6和iphone6plus如何设置rpx单位,通俗易懂的方法
分享到: 更多 (0)
E企盈小程序直播营销卖货系统
E企盈直播平台营销卖货系统

评论 抢沙发

E企盈小程序开发

联系我们联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏