rpx是微信小程序新推出的一个单位，按官方的定义，rpx可以根据屏幕宽度进行自适应，在rpx出现之前，web页面的自适应布局已经有了多种解决方案，为什么微信还捣鼓出新的rpx单位？下面通过这篇文章来一起看看吧。

前言 这篇文章主要给大家讲解了rpx和rem应用于微信小程序，如果你还没有入门，建议先从下面看起      微信小程序官方文档      >web app变革之rem      >rpx单位官方文档      >rpx单位基础介绍 如果看完上面几篇文章，我们开始进入正题吧~~ 一、rem的使用 1） js中导入下面这段代码 (function (doc, win) { var docEl = doc.documentElement, resizeEvt = 'ori

本文讲解rpx和rem应用于微信小程序，如果你还没有入门，建议先从下面看起： 微信小程序官方文档 web app变革之rem rpx单位官方文档 rpx单位基础介绍 如果看完上面几篇文章，我们开始进入正题吧~~ 一、rem的使用 1）   js中导入下面这段代码 (function (doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'ori

上篇文章第一天：人生若只如初见简单记录了笔者初步上手开发微信小程序遇到的一些问题，其中提到了wxss的部分细节问题。这篇文章以笔者在开发小程序响应式UI当中遇到的一些问题为例，简单记录一下使用wxss为响应式开发带来的一些模式和思维上的改变。 rem的重定义 前端工程师对rem非常熟悉，rem是以html元素的font-size为基准的尺寸计量单位。rem方便了开发者对响应式UI的尺寸进行统筹管理。 wxss中的rem与css中的rem的含义完全不同，下面是微信官方文档中对rem的定义： rem