【微信小程序】rpx

新手博主多多支持

文章目录

• 前言
• 一、rpx介绍
• 二、rpx原理
  • 1.原理
  • 2.单位换算
• 总结

---

前言

例随着互联网的不断发展，小程序这门技术也越来越重要，很多人都开启了学习微信小程序的学习，本文就介绍了微信小程序之rpx的基础内容。

一、rpx介绍

  rpx是小程序独有的，用来解决屏适配的尺寸单位

二、rpx原理

1.原理

rpx的实现原理:

    rpx的实现原理非常简单:鉴于不同设备屏幕的大小不同，为了实现屏幕的自动适配

    ，rpx把所有设备的屏幕，在宽度上等分为750份(即当前总宽度为750rpx)

      ·在较小的设备上，1rpx代表的宽度较小

      ·在较大的设备上，1rpx所代表的宽度较大

      小程序在不同设备上运行的时候，会自动把rpx的样式单位换算成对应的像素

      单位来渲染，从而实现屏幕的适配

2.单位换算

 rpx与px之间的单位换算*

        开发微信小程序时，设计师可以用iphone6作为视觉稿的标准

        开发举例:在iPhone6上如果要绘制宽100px，高20px的盒子，换算成rpx单位，宽高分别为200rpx和40rpx

---

总结

提示：这里对文章进行总结：
例如：以上就是今天要讲的内容，本文仅仅简单介绍了rpx的原理和换算