rpx尺寸

在WXSS中，引入了rpx（responsive pixel）尺寸单位

引用新尺寸单位的目的是，适配不同宽度的屏幕，开发起来更简单。

小程序编译后，rpx会做一次px换算。换算是以375个物理像素为基准，也就是在一个宽度为375物理像素的屏幕下，1rpx = 1px。

举个例子：iPhone6屏幕宽度为375px，共750个物理像素，那么1rpx = 375 / 750 px = 0.5px。

WXSS介绍

完全遵循CSS语法，单位这点比CSS要高级，即rpx单位。

在CSS中，开发者可以这样引用另一个样式文件：@import url('./test_0.css')

内联样式

<view style="color: red; font-size: 48rpx"></view>

动态更新内联样式

<!--

{

eleColor: 'red',

eleFontsize: '48rpx'

}

-->

<view style="color: {{eleColor}}; font-size: {{eleFontsize}}"></view>

选择器优先级

权重越高越优先。在优先级相同的情况下，后设置的样式优先级高于先设置的样式。

官方样式库下载