aboutsummaryrefslogtreecommitdiff
path: root/files/zh-cn/web/css/max-width/index.html
diff options
context:
space:
mode:
authorYujiSoftware <yuji.software+github@gmail.com>2022-03-02 20:22:51 +0900
committerIrvin <irvinfly@gmail.com>2022-03-04 01:03:17 +0800
commit9a110dee28ae2ef12ee014b98fda6bae6ee48edb (patch)
tree6525763f4313d7d8f42aefa699765f61ee1c63df /files/zh-cn/web/css/max-width/index.html
parenteeddb651b6e8deb8ecabc2bc5bc28c8ead25cca5 (diff)
downloadtranslated-content-9a110dee28ae2ef12ee014b98fda6bae6ee48edb.tar.gz
translated-content-9a110dee28ae2ef12ee014b98fda6bae6ee48edb.tar.bz2
translated-content-9a110dee28ae2ef12ee014b98fda6bae6ee48edb.zip
Migrate to Compat macro (zh-cn)
Diffstat (limited to 'files/zh-cn/web/css/max-width/index.html')
-rw-r--r--files/zh-cn/web/css/max-width/index.html71
1 files changed, 1 insertions, 70 deletions
diff --git a/files/zh-cn/web/css/max-width/index.html b/files/zh-cn/web/css/max-width/index.html
index c059156cad..ee807e175d 100644
--- a/files/zh-cn/web/css/max-width/index.html
+++ b/files/zh-cn/web/css/max-width/index.html
@@ -135,76 +135,7 @@ max-width: unset;
<h2 id="Browser_Compatibility" name="Browser_Compatibility">浏览器兼容性</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 (WebKit)</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>1.0</td>
- <td>{{CompatGeckoDesktop("1.0")}}</td>
- <td>7.0</td>
- <td>4.0</td>
- <td>2.0.2 (416),<br>
- buggy before</td>
- </tr>
- <tr>
- <td>applies to <code>&lt;table&gt; </code>[1]</td>
- <td>{{ CompatNo() }}</td>
- <td>{{CompatVersionUnknown()}}</td>
- <td>{{ CompatNo() }}</td>
- <td>{{CompatVersionUnknown()}}</td>
- <td>{{ CompatNo() }}</td>
- </tr>
- <tr>
- <td rowspan="1"><code>max-content</code>, <code>min-content</code>, <code>fit-content</code>, and <code>fill-</code><code>available</code> {{ experimental_inline() }}</td>
- <td>{{ CompatNo() }} [3]</td>
- <td>{{CompatGeckoDesktop("1.9")}}{{property_prefix("-moz")}} [2]</td>
- <td rowspan="1">{{ CompatNo() }}</td>
- <td rowspan="1">{{ CompatNo() }}</td>
- <td>{{ CompatNo() }} [3]</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Feature</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<p>[1] CSS 2.1 explicitly leaves the behavior of <code>max-width</code> with {{ HTMLElement("table") }} undefined. Therefore any behavior is CSS2.1-compliant; newer CSS specifications may define this behavior, so Web developers shouldn't rely on a specific one now.</p>
-
-<p>[2] Gecko experimentally implements the definitions given in CSS3 Basic Box. This one defines <code>available</code> and not <code>fill-available</code>. Also the definition of <code>fit-content</code> is simpler than in CSS3 Sizing.</p>
-
-<p>[3] WebKit implements an earlier proposal for setting the height to an intrinsic height: the keywords <code>intrinsic</code>, instead of <code>max-content</code>, and <code>min-intrinsic</code>, instead of <code>min-content</code> There is no equivalent for <code>fill-available</code> or <code>fit-content</code>.</p>
+{{Compat("css.properties.max-width")}}
<h2 id="参考链接">参考链接</h2>