一、尺寸单位rpx

rpx是小程序新增加的自适应单位，可以根据不同设备的屏幕宽度进行自适应缩放。

小程序规定任何型号手机屏幕宽度都是750rpx。

提示：微信小程序的设计稿宽度建议是750px，这样就节省单位换算了。

二、全局样式和局部样式

1、全局样式

在app.less中定义的样式规则，作用于每一个页面，比如：设置字号、宽高、背景色等。

/**app.wxss**/
.container {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 200rpx 0;
  box-sizing: border-box;
}

text {
  color: lightseagreen;
  font-size: 50rpx;
}

2、局部样式

在页面.less中定义的样式规则，只作用于当前页面，并且会覆盖app.less中相同的样式选择器。

/* pages/mine/mine.wxss */

text {
  color: red;
  font-size: 30rpx;
}