微信小程序開發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樣式有一個初步的認知,真正想要了解微信小程序開發,這些知識是遠遠不足的,想要了解更多的微信小程序開發知識,可以看看微信小程序開發文檔匯總。這樣對微信小程序開發有一個深入了解。