抖音小程序基礎(chǔ)之 TTSS 樣式是什么

TTSS 樣式

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

新增了尺寸單位。在寫 CSS 樣式時(shí)，開(kāi)發(fā)者需要考慮到手機(jī)設(shè)備的屏幕會(huì)有不同的寬度和設(shè)備像素比，采用一些技巧來(lái)?yè)Q算一些像素單位。TTSS 在底層支持新的尺寸單位 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.ttss 作為全局樣式，會(huì)作用于當(dāng)前小程序的所有頁(yè)面，局部頁(yè)面樣式 page.ttss 僅對(duì)當(dāng)前頁(yè)面生效。

此外 TTSS 僅支持部分 CSS 選擇器。

---

系列文章

• 《原創(chuàng) 抖音小程序開(kāi)發(fā)教程之 01 構(gòu)建開(kāi)發(fā)環(huán)境（教程含源碼）》

---

---

未經(jīng)授權(quán)禁止轉(zhuǎn)載

---

更多技術(shù)交流請(qǐng)加入QQ群

群名稱：抖音小程序開(kāi)發(fā)
群 號(hào)：491016707