舒大少博客

手机扫码查看

1. 什么是WXSS
   WXSS（WeiXin Style Sheets）是一套样式语言，用于美化 WXML 的组件样式，类似于网页开发中的 CSS
2. WXSS 与 CSS 的 关系
   WXSS具有Css大部分特性，同时，WXSS 还对 CSS 进行了扩充以及修改，以适应微信小程序的开发。
   与 CSS 相比，WXSS 扩展的特性有：
   1、rpx 尺寸单位 2、@import 样式导入
3. 什么是 rpx 尺寸单位
   rpx (responsive pixel) 是微信小程序独有的，用来解决屏适配的尺寸单位。
4. rpx 实现原理
   rpx的实现原理非常简单:鉴于不同设备屏幕的大小不同，为了实现屏幕的自动适配，rpx把所有设备的屏幕，在宽度上等分为 750 份(即:当前屏幕的总宽度为750rpx)。
   小程序在不同设备上运行的时候，会自动把rpx的样式单位换算成对应的像素单位来渲染，从而实现屏幕适配。
5. 样式导入
   使用WXSS 提供的 @import  语法，可以导入外联的样式表
6. @import 的语法格式
   @import 后跟需要导入的外联样式表的相对路径，用 ; 表示语句结束。示例：
   @import “xxx.wxss”;