From 9a110dee28ae2ef12ee014b98fda6bae6ee48edb Mon Sep 17 00:00:00 2001
From: YujiSoftware <yuji.software+github@gmail.com>
Date: Wed, 2 Mar 2022 20:22:51 +0900
Subject: Migrate to Compat macro (zh-cn)

---
 files/zh-cn/web/api/css/escape/index.html   | 54 +---------------------------
 files/zh-cn/web/api/css/supports/index.html | 56 +----------------------------
 2 files changed, 2 insertions(+), 108 deletions(-)

(limited to 'files/zh-cn/web/api/css')

diff --git a/files/zh-cn/web/api/css/escape/index.html b/files/zh-cn/web/api/css/escape/index.html
index 3271798047..94fd7d1607 100644
--- a/files/zh-cn/web/api/css/escape/index.html
+++ b/files/zh-cn/web/api/css/escape/index.html
@@ -63,59 +63,7 @@ CSS.escape('\0')              // "\ufffd",  Unicode替换字符 </pre>
 
 <h2 id="浏览器兼容性">浏览器兼容性</h2>
 
-<p>{{CompatibilityTable}}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
-  <tr>
-   <th>Feature</th>
-   <th>Chrome</th>
-   <th>Firefox (Gecko)</th>
-   <th>Internet Explorer</th>
-   <th>Opera</th>
-   <th>Safari</th>
-  </tr>
-  <tr>
-   <td>Basic support</td>
-   <td>{{CompatChrome(46.0)}}</td>
-   <td>{{CompatGeckoDesktop("31")}}<sup>[1]</sup></td>
-   <td>{{CompatNo}}</td>
-   <td>{{CompatNo}}</td>
-   <td>{{CompatNo}}</td>
-  </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
-  <tr>
-   <th>Feature</th>
-   <th>Android</th>
-   <th>Android Webview</th>
-   <th>Firefox Mobile (Gecko)</th>
-   <th>IE Mobile</th>
-   <th>Opera Mobile</th>
-   <th>Safari Mobile</th>
-   <th>Chrome for Android</th>
-  </tr>
-  <tr>
-   <td>Basic support</td>
-   <td>{{CompatNo}}</td>
-   <td>{{CompatChrome(46.0)}}</td>
-   <td>{{CompatGeckoMobile("31")}}<sup>[1]</sup></td>
-   <td>{{CompatNo}}</td>
-   <td>{{CompatNo}}</td>
-   <td>{{CompatNo}}</td>
-   <td>{{CompatChrome(46.0)}}</td>
-  </tr>
- </tbody>
-</table>
-</div>
-
-<p>[1] Firefox 32做了一些小的修改，以符合规范和CSS语法的发展。标识符现在可以以' -- '开始，第二个破折号不能被转义。另外供应商标识符也不会被更改。</p>
+{{Compat("api.CSS.escape")}}
 
 <h2 id="参见">参见</h2>
 
diff --git a/files/zh-cn/web/api/css/supports/index.html b/files/zh-cn/web/api/css/supports/index.html
index 86c8f5dd91..adcadf06c9 100644
--- a/files/zh-cn/web/api/css/supports/index.html
+++ b/files/zh-cn/web/api/css/supports/index.html
@@ -66,61 +66,7 @@ result = <code class="language-css">CSS.supports("( <span class="property token"
 
 <h2 id="浏览器兼容性">浏览器兼容性</h2>
 
-<p>{{CompatibilityTable}}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
-  <tr>
-   <th>Feature</th>
-   <th>Chrome</th>
-   <th>Edge</th>
-   <th>Firefox (Gecko)</th>
-   <th>Internet Explorer</th>
-   <th>Opera</th>
-   <th>Safari</th>
-  </tr>
-  <tr>
-   <td>Basic support</td>
-   <td>28.0 [2]</td>
-   <td>{{CompatVersionUnknown}}</td>
-   <td>{{ CompatGeckoDesktop("22") }} [1]</td>
-   <td>{{CompatNo}}</td>
-   <td>12.1</td>
-   <td>9 [2]</td>
-  </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
-  <tr>
-   <th>Feature</th>
-   <th>Android</th>
-   <th>Edge</th>
-   <th>Firefox Mobile (Gecko)</th>
-   <th>IE Mobile</th>
-   <th>Opera Mobile</th>
-   <th>Safari Mobile</th>
-  </tr>
-  <tr>
-   <td>Basic support</td>
-   <td>4.4</td>
-   <td>{{CompatVersionUnknown}}</td>
-   <td>{{ CompatGeckoMobile("22") }} [1]</td>
-   <td>{{CompatNo}}</td>
-   <td>12.1</td>
-   <td>9</td>
-  </tr>
- </tbody>
-</table>
-</div>
-
-<p>[1]只有在用户设置<code>layout.css.supports-rule.enabled=true</code>时，Gecko 20和21才会支持这一特性。</p>
-
-<p>[2] 在Chrome ≤ 51 (bug 584683) 和 Safari (bug 154669)中, 即使支持自定义属性，<code>CSS.supports('--foo', 'red')</code> 也会返回false。 您可以使用<code>CSS.supports('(--foo: red)')</code>，作为一种解决方案。</p>
+{{Compat("api.CSS.supports")}}
 
 <h2 id="参见">参见</h2>
 
-- 
cgit v1.2.3-54-g00ecf