微信小程序中的wxss文件

1. rpx单位

1. rpx(responsive pixel) 是微信小程序独有的，用来解决屏幕适配的尺寸单位。
2. rpx的实现原理：鉴于不同设备屏幕的大小不同，为了实现屏幕的自动适配，rpx把所有设备的屏幕，在宽度上等分为750分(即：当前屏幕的总宽度为 750rpx )。小程序在不同设备运行时，会自动把rpx的样式单位换算成对应的像素单位来渲染，从而实现屏幕适配。
3. rpx与px之间的单位换算：在iPhone6上，屏幕宽度为375px，共有750个物理像素，等分为750rpx。

//在iPhone6中：
750rpx = 375px = 750物理像素
1rpx = 0.5px = 1物理像素

2. 样式导入

• 使用wxss提供的@import语法，可以导入外联的样式表。

 //路径从根目录开始
@import "/common/common.wxss";

3. 局部样式与全局样式

1. 局部样式 在页面的wxss文件中的样式为局部样式，只作用于当前页面。当局部样式和全局样式冲突时，根据就近原则，局部样式会覆盖全局样式，当局部样式的权重大于或等于全局样式的权重时，会覆盖全局的样式。
2. 全局样式 定义在根目录下的app.wxss中的样式为全局样式，作用于每一个页面。