微信小程序開發(fā)Wxss樣式文件是什么
微信小程序開發(fā)Wxss樣式文件，說到Wxss樣式文件，對(duì)于很多人來說都是很模糊的概念，甚至有些人可能都沒聽過，下面就和大家介紹一下什么是微信小程序開發(fā)WXSS樣式文件。
Wxss樣式文件是一種樣式語言，主要是用來描述WXMl的組件樣式。它的用途是用來觀察wxml模板組件怎么顯示的。為了廣大開發(fā)者適應(yīng)微信小程序開發(fā)，Wxss樣式文件不僅具有大部分css特性而且還對(duì)其特性作出一些擴(kuò)展和修改。
擴(kuò)展的地方：增加了尺寸單位和提供了全局樣式和局部樣式。
1.增加了尺寸單位
Wxss樣式文件新增了底層rpx尺寸單位，主要目的是在于減少開發(fā)者換算的工作難度，直接交給小程序底層來換算就可以了。
Rpx尺寸單位：可以根據(jù)屏幕寬度進(jìn)行自適應(yīng)，一般規(guī)定屏幕寬度為750rpx。
舉一個(gè)例子：大家都用過 iPhone6手機(jī)，屏幕寬度為375px,一共有750個(gè)rpx。
那么1rpx=0.5px
| 設(shè)備 | 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.提供了全部樣式和局部樣式
我們寫代碼的時(shí)候，可以寫app.wxss作為全局樣式，目的是可以了解到當(dāng)前小程序的所有頁面。可以寫page.wxss作為局部樣式，但局部樣式只對(duì)當(dāng)面頁面生效。
修改的地方：Wxss樣式文件只支持部分css選擇器。
以上詳細(xì)的介紹了一下什么是微信小程序開發(fā)Wxss樣式文件，相信大家通過以上的內(nèi)容應(yīng)該對(duì)wxss樣式有一個(gè)初步的認(rèn)知，真正想要了解微信小程序開發(fā)，這些知識(shí)是遠(yuǎn)遠(yuǎn)不足的，想要了解更多的微信小程序開發(fā)知識(shí)，可以看看微信小程序開發(fā)文檔匯總。這樣對(duì)微信小程序開發(fā)有一個(gè)深入了解。
版權(quán)聲明：
本站所有文章和圖片均來自用戶分享和網(wǎng)絡(luò)收集，文章和圖片版權(quán)歸原作者及原出處所有，僅供學(xué)習(xí)與參考，請(qǐng)勿用于商業(yè)用途，如果損害了您的權(quán)利，請(qǐng)聯(lián)系網(wǎng)站客服處理。
