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

网友投稿 450 2023-11-06

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

版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:微信小程序开发JS 交互逻辑是什么
下一篇:小程序代码审核将在2月4日-10日暂停
相关文章

 发表评论

暂时没有评论,来抢沙发吧~