导航
当前位置:首页>>小程序

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

2023-11-14 围观 : 4次

微信小程序开发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/屏幕宽度)iPhone51rpx = 0.42px1px = 2.34rpxiPhone61rpx = 0.5px1px = 2rpxiPhone6 Plus1rpx = 0.552px1px = 1.81rpx

2.提供了全部样式和局部样式

我们写代码的时候,可以写app.wxss作为全局样式,目的是可以了解到当前小程序的所有页面。可以写page.wxss作为局部样式,但局部样式只对当面页面生效。

修改的地方:Wxss样式文件只支持部分css选择器。

以上详细的介绍了一下什么是微信小程序开发Wxss样式文件,相信大家通过以上的内容应该对wxss样式有一个初步的认知,真正想要了解微信小程序开发,这些知识是远远不足的,想要了解更多的微信小程序开发知识,可以看看微信小程序开发文档汇总。这样对微信小程序开发有一个深入了解。

相关文章
  • 微信小程序开发工具为何是英文

    微信小程序开发工具属于一种开发工具软件,用于开发微信小程序。这个开发工具是由微信公司所开发和维护的,因此默认语言为英文。下面将介绍微信小程序开发工具为何是英文的原理和详细介绍。一、原理微信小程序开发工具的语言设置主要是因为其开发背景所致。微信小程序是一种基于微信平台的应用程序,而微信平台的主要使用人...

    2023-11-28
  • 官方网站建设小程序开发工具有哪些

    随着微信小程序的兴起,官方网站也开始考虑将小程序应用于网站建设中,这样可以大大提升用户体验、访问速度和安全性。目前,官方提供了一些小程序开发工具,下面我们就来了解一下它们的原理和详细介绍。1. 微信小程序开发工具微信小程序开发工具是一款由官方提供的开发小程序的工具,具有实时预览、代码高亮、代码提示、...

    2023-10-30
  • 腾讯视频小程序开发工具使用

    腾讯视频小程序开发工具是一款专门为开发腾讯视频小程序而设计的开发工具。该工具可以为开发者提供完善的开发环境,并整合了一系列开发必备的功能,包括代码编辑器、调试器、组件列表、API文档等等。开发者可以通过该工具快速地开发自己的小程序,开发效率非常高。腾讯视频小程序开发工具的使用主要包括以下几个步骤:1...

    2023-11-27
  • 江苏电商类小程序开发工具

    江苏电商类小程序开发工具的背景简介:随着互联网技术的不断发展,越来越多的企业开始抓住电商的机遇,进入电商领域,但是对于很多传统企业来说电商并不是他们的本行,因此他们需要借助技术手段来帮助他们打造自己的电商平台。在这个背景下,小程序成为了越来越多企业选择的电商营销手段。而江苏电商类小程序开发工具就是一...

    2023-11-26
  • 微信小程序场景值介绍

    场景值是指用来描述用户进入微信小程序的路径,下面列举小程序的完整场景值,供大家参考。注意:由于 Android 系统限制,目前还无法获取到按 Home 键退出到桌面,然后从桌面再次进小程序的场景值,对于这种情况,会保留上一次的场景值。场景值ID说明1000其他1001发现页小程序「最近使用」列表(基...

    2023-11-23