微信小程序开发之rpx 的使用说明

最近正着手开发微信小程序，才发现自己差的还是有点远的。因为在之前的工作中，也都是在闲鱼时间通过浏览官网api，写点简单的demo#hello world#。当我真正去使用它开发项目时，才发现其奥秘颇深。

注：( 凡是每一项技术，在你会使用它的同时，也要试着去剖析、了解它的设计、运行原理。现在的技术都是由互相借鉴的，原理大可说为 #相同# )

话不多说，相信阅读我这篇文章的你，不久就会走上大牛之路。下面介绍一下，微信小程序设定的 css 单位

rpx

在微信小程序官方文档中，自定义了一套 css 标准文件 .wxss。其中新增了一个单位 rpx (可以根据屏幕宽度进行自适应)

文档中定义：屏幕宽度为 750px，设计中依据 iphone6 为标准

    1rpx = .5px = 1物理像素（这里泛指 ps 中的单位）

下面直接上代码、图片，进行一个对比

.item {
    width: 100rpx;
    height: 100rpx;
}

.item {
    width: 100px;
    height: 100px;
}

通过以上的对比，我相信你应该彻底了解了吧！

感谢你阅读我的心得，我会持续更新，不断的提高我的技术，同时为大家带来高质量的技术文章；

互相交流、互相指教！