微信小程序的css嵌套使用

微信小程序的css使用

首先微信小程序独有的css单位rpx,这个是他独有的自适应单位
假如现在有100px的宽度的盒子，那么使用自适用rpx单位则是750*盒子宽度/设计稿宽度如果设计稿宽度为375px，那么实际使用rpx的盒子则是200rpx

导入wxss外部样式

• 1.在外部创建styles公共样式文件夹
• 2.创建一个公共微信common.wxss文件
• 3.在需要的文件夹中引用相对路径"@ipmort "../../styles/common.wxss"

另外在微信样式中选择器*是无效的，想要初始样式可以使用并联选择器,

使用less语法

首先在vscode安装easy less,然后在设置json文件夹中加上
"less.compile": { "outExt": ".wxss" }
接下来在文件夹中创建less文件就行了