抖音小程式基礎之 TTSS 樣式是什麼
抖音小程式基礎之 TTSS 樣式是什麼
TTSS 樣式
TTSS 具有 CSS 大部分的特性,小程式在 TTSS 也做了一些擴充和修改。
新增了尺寸單位。在寫 CSS 樣式時,開發者需要考慮到手機裝置的螢幕會有不同的寬度和裝置畫素比,採用一些技巧來換算一些畫素單位。TTSS 在底層支援新的尺寸單位 rpx ,開發者可以免去換算的煩惱,只要交給小程式底層來換算即可,由於換算採用的浮點數運算,所以運算結果會和預期結果有一點點偏差。
提供了全域性的樣式和區域性樣式。和前邊 app.json, page.json 的概念相同,你可以寫一個 app.ttss 作為全域性樣式,會作用於當前小程式的所有頁面,區域性頁面樣式 page.ttss 僅對當前頁面生效。
此外 TTSS 僅支援部分 CSS 選擇器。
系列文章
未經授權禁止轉載
更多技術交流請加入QQ群
群名稱:抖音小程式開發
群 號:491016707
相關文章
- 抖音小程式基礎之 小程式有哪些檔案構成
- 抖音小程式基礎之 小程式頁面Page必備的四個檔案是哪些?
- 微信小程式零基礎入門:什麼是微信小程式微信小程式
- 抖音小程式基礎之 目前提供哪些API(教程含原始碼)API原始碼
- 開課吧Java課堂:小應用程式基礎是什麼Java
- Flutter 樣式基礎之 MediaQueryFlutter
- Flutter 樣式基礎之 MediaQueryDataFlutter
- 微信小程式是什麼 微信小程式有什麼用?微信小程式
- 小程式直播系統開發是什麼,功能怎麼樣?
- 前端基礎知識之什麼是節點Node?前端
- Flutter 樣式基礎之 PaddingFlutterpadding
- 什麼是小程式外掛?
- 什麼是基礎架構即程式碼(IaC)-dev架構dev
- 遊戲成功的基礎是什麼?遊戲
- css全域性樣式基礎程式碼CSS
- 抖音SEO是什麼?怎麼做好抖音短視訊優化?優化
- CSS基礎之層疊樣式筆記CSS筆記
- Flutter 樣式基礎之 Theme 主題Flutter
- 同樣是做抖音團購小程式,我卻沒有別人掙錢?!
- JavaScript基礎——回撥(callback)是什麼JavaScript
- 為什麼 JavaScript 是 TypeScript 的基礎JavaScriptTypeScript
- js基礎梳理-究竟什麼是變數物件,什麼是活動物件?JS變數物件
- WEB基礎之:CSS 使用者介面樣式WebCSS
- 微信小程式樣式微信小程式
- 小程式基礎
- 微信零基礎入門:小程式到底有什麼能力?
- 回到基礎:什麼是DOM及DOM操作?
- flask 原始碼之旅(基礎)---什麼是 WSGI?Flask原始碼
- 什麼是基礎設施專案管理?專案管理
- 什麼是質量基礎設施一站式服務?
- 小程式開發之基礎知識(0)
- 實體商家需要什麼樣的微信小程式?微信小程式
- 什麼樣的程式碼稱得上是好程式碼?
- 英文Python是什麼意思?學Python需要什麼基礎?Python
- 學程式設計要什麼基礎,零基礎呢?程式設計
- jQuery 基礎樣式篇(2)jQuery
- [Java] 什麼是Applet (Java 小程式)JavaAPP
- 小程式和APP的差別是什麼?APP