# Skyline WXSS 樣式支持與差異

# 模塊支持

# 選擇器支持

# 屬性支持

# 類型支持列表

# 開啟默認(rèn)Block布局

Skyline 下節(jié)點(diǎn)默認(rèn)為 flex 布局，可通過以下配置切換為默認(rèn) block 布局。

在 app.json 或 page.json 中配置：

rendererOptions: {
  "skyline": {
    "defaultDisplayBlock": true,
  }
}

# 開啟默認(rèn)ContentBox盒模型

Skyline 下節(jié)點(diǎn)默認(rèn)為 border-box 盒模型，可通過以下配置切換為默認(rèn) content-box 盒模型。

在 app.json 或 page.json 中配置：

rendererOptions: {
  "skyline": {
    "defaultContentBox": true,
  }
}

# 開啟tag選擇器全局匹配

Skyline 下 tag 選擇器遵循樣式隔離機(jī)制，而 WebView 下不受樣式隔離約束，可通過 tagNameStyleIsolation: legacy 配置對(duì)齊 WebView 表現(xiàn)，若指定 tagNameStyleIsolation: isolated 則遵循樣式隔離機(jī)制。

在 app.json 或 page.json 中配置：

rendererOptions: {
  "skyline": {
    "tagNameStyleIsolation": "legacy",
  }
}

# 開啟scroll-view自動(dòng)撐開

Skyline 下 scroll-view 默認(rèn)需要指定寬高撐開，可通過以下配置切換為自動(dòng)根據(jù)內(nèi)容撐開。

在 app.json 或 page.json 中配置：

rendererOptions: {
  "skyline": {
    "enableScrollViewAutoSize": true,
  }
}

# 開啟keyframe樣式全局共享

Skyline 下 @keyframe 規(guī)則遵循樣式隔離機(jī)制，而 WebView 下不受樣式隔離約束，可通過 tagNameStyleIsolation: legacy 配置對(duì)齊 WebView 表現(xiàn)，若指定 tagNameStyleIsolation: isolated 則遵循樣式隔離機(jī)制。

在 app.json 或 page.json 中配置：

rendererOptions: {
  "skyline": {
    "keyframeStyleIsolation": "legacy",
  }
}