Login
欢迎访问木星教程网_技术成就梦想 - 为知识分享服务
【我要投稿】 【请登录】 【免费注册】 【安全退出】

您现在的位置是: 首页 > 小程序 > 小程序开发

小程序开发

微信小程序开发Wxss样式文件是什么

2022-11-05 小程序开发 加入收藏
微信小程序开发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样式有一个初步的认知,真正想要了解微信小程序开发,这些知识是远远不足的,想要了解更多的微信小程序开发知识,可以看看微信小程序开发文档汇总。这样对微信小程序开发有一个深入了解。

原文地址: