微信小程序开发Wxss样式文件是什么
微信小程序开发Wxss样式文件,说到Wxss样式文件,对于很多人来说都是很模糊的概念,甚至有些人可能都没听过,下面就和大家介绍一下什么是微信小程序开发WXSS样式文件。Wxss样式文件是一种样式
微信小程序开发Wxss样式文件,说到Wxss样式文件,对于很多人来说都是很模糊的概念,甚至有些人可能都没听过,下面就和大家介绍一下什么是微信小程序开发WXSS样式文件。
Wxss样式文件是一种样式语言,主要是用来描述WXMl的组件样式。它的用途是用来观察wxml模板组件怎么显示的。为了广大开发者适应微信小程序开发,Wxss样式文件不仅具有大部分css特性而且还对其特性作出一些扩展和修改。
扩展的地方:增加了尺寸单位和提供了全局样式和局部样式。
1.增加了尺寸单位
Wxss样式文件新增了底层rpx尺寸单位,主要目的是在于减少开发者换算的工作难度,直接交给小程序底层来换算就可以了。
Rpx尺寸单位:可以根据屏幕宽度进行自适应,一般规定屏幕宽度为750rpx。
举一个例子:大家都用过 iPhone6手机,屏幕宽度为375px,一共有750个rpx。
那么1rpx=0.5px
设备 | rpx换算px (屏幕宽度/750) | px换算rpx (750/屏幕宽度) |
iPhone5 | 1rpx = 0.42px | 1px = 2.34rpx |
iPhone6 | 1rpx = 0.5px | 1px = 2rpx |
iPhone6 Plus | 1rpx = 0.552px | 1px = 1.81rpx |
2.提供了全部样式和局部样式
我们写代码的时候,可以写app.wxss作为全局样式,目的是可以了解到当前小程序的所有页面。可以写page.wxss作为局部样式,但局部样式只对当面页面生效。
修改的地方:Wxss样式文件只支持部分css选择器。
以上详细的介绍了一下什么是微信小程序开发Wxss样式文件,相信大家通过以上的内容应该对wxss样式有一个初步的认知,真正想要了解微信小程序开发,这些知识是远远不足的,想要了解更多的微信小程序开发知识,可以看看微信小程序开发文档汇总。这样对微信小程序开发有一个深入了解。