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


发表评论