注冊

微信小程序wxss設(shè)置樣式,app.wxss 作為全局樣式

2020-09-27
導(dǎo)讀：WXSS 具有 CSS 大部分的特性，小程序在 WXSS 也做了一些擴(kuò)充和修改。...

　　WXSS 樣式

　　WXSS 具有 CSS 大部分的特性，小程序在 WXSS 也做了一些擴(kuò)充和修改。

　　新增了尺寸單位。在寫 CSS 樣式時(shí)，開發(fā)者需要考慮到手機(jī)設(shè)備的屏幕會有不同的寬度和設(shè)備像素比，采用一些技巧來換算一些像素單位。WXSS 在底層支持新的尺寸單位 rpx ，開發(fā)者可以免去換算的煩惱，只要交給小程序底層來換算即可，由于換算采用的浮點(diǎn)數(shù)運(yùn)算，所以運(yùn)算結(jié)果會和預(yù)期結(jié)果有一點(diǎn)點(diǎn)偏差。

　　提供了全局的樣式和局部樣式。和前邊 app.json, page.json 的概念相同，你可以寫一個(gè) app.wxss 作為全局樣式，會作用于當(dāng)前小程序的所有頁面，局部頁面樣式 page.wxss 僅對當(dāng)前頁面生效。

　　此外 WXSS 僅支持部分 CSS 選擇器

　　更詳細(xì)的文檔可以參考 WXSS 。

微信小程序wxss設(shè)置樣式,app.wxss 作為全局樣式

重磅推薦：小程序開店目錄

第一部分：小商店是什么

第二部分：如何開通一個(gè)小商店

第三部分：如何登錄小商店

第四部分：開店任務(wù)常見問題

第五部分：小商店可以賣什么

第六部分：HiShop小程序特色功能

第七部分：小程序直播

第八部分：小程序收貨/物流

第九部分：小程序怎么結(jié)算

第十部分：小程序客服

第十一部分：電商創(chuàng)業(yè)

第十二部分：小程序游戲開發(fā)