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

发布时间:2019-07-02 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了微信小程序 iphone6 和 iphone6plus 如何设置rpx单位,通俗易懂的方法脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

clipboard.png

pt:屏幕物理像素(屏幕实际度像素) px:屏幕分辨率 pt和px关系:iphone6plus
ppi密度高,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手机大小设计方案最佳!!

脚本宝典总结

以上是脚本宝典为你收集整理的微信小程序 iphone6 和 iphone6plus 如何设置rpx单位,通俗易懂的方法全部内容,希望文章能够帮你解决微信小程序 iphone6 和 iphone6plus 如何设置rpx单位,通俗易懂的方法所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。