Migrate to multiple Compat macro (zh-tw)

1 files changed, 17 insertions, 69 deletions

diff --git a/files/zh-tw/web/api/fullscreen_api/index.html b/files/zh-tw/web/api/fullscreen_api/index.html
index 182f96c922..881d22bbac 100644
--- a/files/zh-tw/web/api/fullscreen_api/index.html
+++ b/files/zh-tw/web/api/fullscreen_api/index.html
@@ -133,78 +133,26 @@ if (elem.requestFullscreen) {
 
 <h2 id="Browser_compatibility" name="Browser_compatibility">瀏覽器兼容性</h2>
 
-<p>Although  Gecko , Trident, and WebKit implement a draft of this API, there are some subtle differences. This document doesn't necessarily try to call them all into focus. The article will be revised as the spec and implementations fall closer into alignment with one another.</p>
-
-<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>15 {{ property_prefix("-webkit") }}</td>
-   <td>{{ CompatGeckoDesktop("9.0") }} {{ property_prefix("-moz") }}</td>
-   <td>11 {{ property_prefix("-ms") }}</td>
-   <td>12.10</td>
-   <td>5.0 {{ property_prefix("-webkit") }}</td>
-  </tr>
-  <tr>
-   <td><code>fullscreenEnabled</code></td>
-   <td>20 {{ property_prefix("-webkit") }}</td>
-   <td>{{ CompatGeckoDesktop("10.0") }} {{ property_prefix("-moz") }}</td>
-   <td>11 {{ property_prefix("-ms") }}</td>
-   <td>12.10</td>
-   <td>5.1 {{ property_prefix("-webkit") }}</td>
-  </tr>
- </tbody>
-</table>
-</div>
+<h3>Document.fullscreen</h3>
 
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
-  <tr>
-   <th>Feature</th>
-   <th>Android</th>
-   <th>Chrome</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>{{ CompatUnknown() }}</td>
-   <td>28 {{ property_prefix("-webkit") }}</td>
-   <td>{{ CompatGeckoMobile("9.0") }}{{ property_prefix("-moz") }}</td>
-   <td>{{ CompatUnknown() }}</td>
-   <td>{{ CompatUnknown() }}</td>
-   <td>{{ CompatUnknown() }}</td>
-  </tr>
-  <tr>
-   <td><code>fullscreenEnabled</code></td>
-   <td>{{ CompatUnknown() }}</td>
-   <td>28 {{ property_prefix("-webkit") }}</td>
-   <td>{{ CompatGeckoMobile("10.0") }} {{ property_prefix("moz") }}</td>
-   <td>{{ CompatUnknown() }}</td>
-   <td>{{ CompatUnknown() }}</td>
-   <td>{{ CompatUnknown() }}</td>
-  </tr>
- </tbody>
-</table>
-</div>
+{{Compat("api.Document.fullscreen")}}
+
+<h3>Document.fullscreenElement</h3>
+
+{{Compat("api.Document.fullscreenElement")}}
+
+<h3>Document.fullscreenEnabled</h3>
+
+{{Compat("api.Document.fullscreenEnabled")}}
+
+<h3>Document.exitFullscreen</h3>
+
+{{Compat("api.Document.exitFullscreen")}}
+
+<h3>Element.requestFullscreen</h3>
 
-<h3 id="Gecko_notes">Gecko notes</h3>
+{{Compat("api.Element.requestFullscreen")}}
 
-<p>Although this API was introduced in Gecko 9.0 {{ geckoRelease("9.0") }}, it's not enabled by default in that release. To enable it, set the <code>full-screen-api.enabled</code> preference to <code>true</code>. The API is enabled by default in Gecko 10.0 {{ geckoRelease("10.0") }}. In Gecko all the API is spelt "fullScreen".</p>
 
 <h2 id="Specification" name="Specification">規範</h2>