微信小程序> 微信小程序iphone6和iphone6plus如何设置rpx单位,通俗易懂的方法-iphone桌面添加微信小程序-苹果小程序添加到桌面

微信小程序iphone6和iphone6plus如何设置rpx单位,通俗易懂的方法-iphone桌面添加微信小程序-苹果小程序添加到桌面

浏览量:3720 时间: 来源:weixin_34239169
1.

pt:屏幕物理像素(屏幕实际宽度像素)px:屏幕分辨率pt和px关系:iphone6plusppi密度高,1pt里有3px,iphone61pt里有2px。

2.

iphone6宽度(物理像素):375pt,1pt含有2px,分辨率(设计图)750px。iphone6plus宽度(物理像素):414pt,1pt含有3px,分辨率(设计图)1252px。

3.

rpx换算:

4.

换算公式:750/屏幕实际宽度(pt)

5.

iphone6plus(@3x)px换算rpx:

6.

750/4141.8115942028985508rpx在设计图中,设计图大小为1252px;如果一个宽度为30px换算rpx:30/3*1.81159420289855088.115942028985508;所以在微信小程序中,直接填写8.115942028985508rpx即可。

7.

iphone6(@2x)px换算rpx:750/3752rpx;在设计图中,设计图大小为750px;如果一个宽度为30px换算rpx:30/2*230rpx所以在微信小程序中,直接填写30rpx即可。

8.

rpx是在不同屏幕下可以适配的,所以使用rpx单位只要在一种设计图下适配,都可以在不同设备大小自己调节大小通过以上例子看出做小程序时,需要设计图为以iphone6手机大小设计方案最佳!!

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

最新资讯

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎