微信小程序样式wxss

WXSS（WeiXin Style Sheets）是一套用于小程序的样式语言，用于描述WXML的组件样式，也就是视觉上的效果。

WXSS与Web开发中的CSS类似。为了更适合小程序开发，WXSS对CSS做了一些补充以及修改。

1、尺寸单位

　　在WXSS中，引入了rpx（responsive pixel）尺寸单位。引用新尺寸单位的目的是，适配不同宽度的屏幕，开发起来更简单。

　　在小程序中，规定所有手机的屏幕宽度都是750rpx，所以在不同尺寸的屏幕下1rpx的宽度都不同。

　　1rpx = （屏幕宽度/750）px

　　在iphone6手机下，屏幕宽度是375px，所以1rpx=0.5px。

2、样式的导入

　　在wxss中导入

@import '../index/index.wxss'

 

　　由于WXSS最终会被编译打包到目标文件中，用户只需要下载一次，在使用过程中不会因为样式的引用而产生多余的文件请求。

 

3、样式选择器

　　目前支持的样式选择器