做自(zì)由與創造的先行者

WXSS 樣式

小(xiǎo)程序開(kāi)發手冊

WXSS 具有 CSS 大(dà)部分的特性,小(xiǎo)程序在 WXSS 也(yě)做了(le)一些(xiē)擴充和(hé)修改。

新增了(le)尺寸單位。在寫 CSS 樣式時(shí),開(kāi)發者需要考慮到(dào)手機設備的屏幕會(huì)有不同的寬度和(hé)設備像素比,采用(yòng)一些(xiē)技巧來(lái)換算(suàn)一些(xiē)像素單位。WXSS 在底層支持新的尺寸單位 rpx ,開(kāi)發者可以免去換算(suàn)的煩惱,隻要交給小(xiǎo)程序底層來(lái)換算(suàn)即可,由于換算(suàn)采用(yòng)的浮點數運算(suàn),所以運算(suàn)結果會(huì)和(hé)預期結果有一點點偏差。

提供了(le)全局的樣式和(hé)局部樣式。和(hé)前邊 app.json, page.json 的概念相同,你(nǐ)可以寫一個 app.wxss 作(zuò)爲全局樣式,會(huì)作(zuò)用(yòng)于當前小(xiǎo)程序的所有頁面,局部頁面樣式 page.wxss 僅對(duì)當前頁面生效。

此外(wài) WXSS 僅支持部分 CSS 選擇器

網站(zhàn)建設開(kāi)發|APP設計(jì)開(kāi)發|小(xiǎo)程序建設開(kāi)發
下(xià)一篇:JS 邏輯交互
上(shàng)一篇:WXML 模闆