微信小程序wxss設(shè)置樣式,app.wxss 作為全局樣式
2020-09-27
導(dǎo)讀：WXSS 具有 CSS 大部分的特性，小程序在 WXSS 也做了一些擴(kuò)充和修改。...
WXSS 樣式
WXSS 具有 CSS 大部分的特性，小程序在 WXSS 也做了一些擴(kuò)充和修改。
新增了尺寸單位。在寫 CSS 樣式時(shí)，開(kāi)發(fā)者需要考慮到手機(jī)設(shè)備的屏幕會(huì)有不同的寬度和設(shè)備像素比，采用一些技巧來(lái)?yè)Q算一些像素單位。WXSS 在底層支持新的尺寸單位 rpx ，開(kāi)發(fā)者可以免去換算的煩惱，只要交給小程序底層來(lái)?yè)Q算即可，由于換算采用的浮點(diǎn)數(shù)運(yùn)算，所以運(yùn)算結(jié)果會(huì)和預(yù)期結(jié)果有一點(diǎn)點(diǎn)偏差。
提供了全局的樣式和局部樣式。和前邊 app.json, page.json 的概念相同，你可以寫一個(gè) app.wxss 作為全局樣式，會(huì)作用于當(dāng)前小程序的所有頁(yè)面，局部頁(yè)面樣式 page.wxss 僅對(duì)當(dāng)前頁(yè)面生效。
此外 WXSS 僅支持部分 CSS 選擇器
更詳細(xì)的文檔可以參考 WXSS 。
第二部分：如何開(kāi)通一個(gè)小商店
掃碼免費(fèi)領(lǐng)取運(yùn)營(yíng)資料包
