CSS メディアクエリーに関する記事を修正 (#3220)

* Glossary/Forbidden_header_name の変換準備

* Glossary/Forbidden_header_name を更新

- 2021/10/18 時点の英語版に同期

* Web/CSS/font-smooth を新規翻訳

- 2021/08/13 時点の英語版に同期

* Glossary/Forbidden_header_name の変換準備

* Glossary/Forbidden_header_name を更新

- 2021/10/18 時点の英語版に同期

* メディアクエリーのトップページを更新準備

* 2021/08/13 時点の英語版に同期

リダイレクトを修正

* 2021/10/22 時点の英語版に同期

* メディアクエリー関係のガイドを変換準備

* 2021/10/22 時点の英語版に同期

* 2021/08/13 時点の英語版に同期

* 2021/08/13 時点の英語版に同期

* メディア特性の文書の変換準備

* 2021/08/13 時点の英語版に同期

* 2021/08/13 時点の英語版に同期

* 2021/08/13 時点の英語版に同期

* 2021/08/13 時点の英語版に同期

* 2021/08/13 時点の英語版に同期

* 2021/08/13 時点の英語版に同期

* 2021/08/13 時点の英語版に同期

* 2021/09/13 時点の英語版に同期

* 2021/08/13 時点の英語版に同期

-webkit-device-pixel-ratio の追加修正

* 2021/08/13 時点の英語版に同期

* 2021/08/13 時点の英語版に同期

* メディアクエリー関係の文書へのリンクを修正

* 2021/08/13 時点の英語版に同期

* 2021/08/13 時点の英語版に同期

* 2021/08/13 時点の英語版に同期

* 2021/08/13 時点の英語版に同期

* 2021/08/13 時点の英語版に同期

* 2021/08/13 時点の英語版に同期

* 2021/08/13 時点の英語版に同期

* 2021/11/16 時点の英語版に同期

* 2021/10/04 時点の英語版に同期

* 2021/08/13 時点の英語版に同期

* 2021/08/13 時点の英語版に同期

* 2021/08/13 時点の英語版に同期

* 2021/08/13 時点の英語版に同期

* 2021/08/13 時点の英語版に同期

* 2021/08/13 時点の英語版に同期

* 2021/08/13 時点の英語版に同期

* 2021/08/13 時点の英語版に同期

* 2021/08/13 時点の英語版に同期

* 2021/08/13 時点の英語版に同期

* 2021/08/13 時点の英語版に同期

* 2021/08/13 時点の英語版に同期

* 2021/08/13 時点の英語版に同期

* 2021/08/13 時点の英語版に同期

* 2021/08/13 時点の英語版に同期

* 2021/08/13 時点の英語版に同期

2 files changed, 57 insertions, 56 deletions

diff --git a/files/ja/web/css/@media/-moz-device-pixel-ratio/index.html b/files/ja/web/css/@media/-moz-device-pixel-ratio/index.html
deleted file mode 100644
index b1264d8f6b..0000000000
--- a/files/ja/web/css/@media/-moz-device-pixel-ratio/index.html
+++ /dev/null
@@ -1,56 +0,0 @@
----
-title: '-moz-device-pixel-ratio'
-slug: Web/CSS/@media/-moz-device-pixel-ratio
-tags:
-  - '@media'
-  - CSS
-  - Deprecated
-  - Non-standard
-  - media feature
-translation_of: Web/CSS/@media/-moz-device-pixel-ratio
----
-<div>{{cssref}} {{Non-standard_header}} {{Deprecated_header}}</div>
-
-<p><strong><code>-moz-device-pixel-ratio</code></strong> は Gecko 独自の <a href="/ja/docs/Web/CSS">CSS</a> の Gecko のみの<a href="/ja/docs/Web/CSS/Media_Queries/Using_media_queries#Media_features">メディア特性</a>で、 CSS ピクセルあたりのデバイスピクセル数に基づいてスタイルを適用することができます。</p>
-
-<div class="warning">
-<p><strong>この特性を使用しないでください。</strong> <code><a href="/ja/docs/Web/CSS/@media/resolution">resolution</a></code> 特性と <code>dppx</code> の単位を代わりに使用してください。unit instead.</p>
-</div>
-
-<div class="note"><strong>注</strong>: このメディア特性は Webkit 及び <a href="https://msdn.microsoft.com/ja/library/ie/dn760733(v=vs.85).aspx">IE 11 for Windows Phone 8.1</a> でも <code>-webkit-device-pixel-ratio</code> として実装されています。 min 及び max 接頭辞は、 Gecko では <code>min--moz-device-pixel-ratio</code> 及び <code>max--moz-device-pixel-ratio</code> です。しかし、同じ接頭辞が Webkit では <code>-webkit-min-device-pixel-ratio</code> 及び <code>-webkit-max-device-pixel-ratio</code> として実装されています。</div>
-
-<h2 id="Syntax" name="Syntax">構文</h2>
-
-<dl>
- <dt>{{cssxref("&lt;number&gt;")}}</dt>
- <dd>CSS ピクセルあたりのデバイスピクセル数。</dd>
-</dl>
-
-<p><br>
- <strong>メディア:</strong> {{cssxref("Media/Visual")}}<br>
- <strong>min/max 接頭辞の受付:</strong> はい</p>
-
-<h2 id="Examples" name="Examples">例</h2>
-
-<h3 id="Basic_compatibility_example" name="Basic_compatibility_example">基本的な互換コード</h3>
-
-<p><code>-moz-device-pixel-ratio</code> は Firefox のバージョン 16 以前や、 <code>dppx</code> に未対応の WebKit ベースのブラウザーの <code>-webkit-device-pixel-ratio</code> との互換性のために使用されることがあります。</p>
-
-<p>例:</p>
-
-<pre class="brush: css notranslate">@media (-webkit-min-device-pixel-ratio: 2), /* Webkit ベースのブラウザー */
-       (min--moz-device-pixel-ratio: 2),    /* 古い Firefox ブラウザー (Firefox 16 以前) */
-       (min-resolution: 2dppx),             /* 標準の方法 */
-       (min-resolution: 192dpi)             /* dppx のフォールバック */ </pre>
-
-<div class="blockIndicator note">
-<p><strong>Note</strong>: <code>resolution</code> 及び <code>dppx</code> に関わる互換性の良い習慣については、 <a href="http://www.w3.org/blog/CSS/2012/06/14/unprefix-webkit-device-pixel-ratio/">CSSWG の記事</a>を参照してください。</p>
-</div>
-
-<h2 id="Specifications" name="Specifications">仕様書</h2>
-
-<p>どの仕様書にも含まれていません。</p>
-
-<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2>
-
-<p>{{Compat("css.at-rules.media.-moz-device-pixel-ratio")}}</p>
diff --git a/files/ja/web/css/@media/-moz-device-pixel-ratio/index.md b/files/ja/web/css/@media/-moz-device-pixel-ratio/index.md
new file mode 100644
index 0000000000..bf15f8243f
--- /dev/null
+++ b/files/ja/web/css/@media/-moz-device-pixel-ratio/index.md
@@ -0,0 +1,57 @@
+---
+title: '-moz-device-pixel-ratio'
+slug: Web/CSS/@media/-moz-device-pixel-ratio
+tags:
+  - '@media'
+  - CSS
+  - 非推奨
+  - 標準外
+  - media feature
+browser-compat: css.at-rules.media.-moz-device-pixel-ratio
+translation_of: Web/CSS/@media/-moz-device-pixel-ratio
+---
+{{CSSRef}} {{Non-standard_header}} {{Deprecated_header}}
+
+**`-moz-device-pixel-ratio`** は Gecko 独自の [CSS](/ja/docs/Web/CSS) の Gecko のみの[メディア特性](/ja/docs/Web/CSS/@media#メディア特性)で、 CSS ピクセルあたりのデバイスピクセル数に基づいてスタイルを適用することができます。
+
+> **Warning:** この特性を使用しないでください。代わりに [`resolution`](/ja/docs/Web/CSS/@media/resolution) 特性と `dppx` の単位を使用してください。
+
+> **Note:** このメディア特性は Webkit および [IE 11 for Windows Phone 8.1](https://msdn.microsoft.com/ja/library/ie/dn760733(v=vs.85).aspx) でも `-webkit-device-pixel-ratio` として実装されています。 min および max 接頭辞は、 Gecko では `min--moz-device-pixel-ratio` および `max--moz-device-pixel-ratio` です。しかし、同じ接頭辞が Webkit では `-webkit-min-device-pixel-ratio` および `-webkit-max-device-pixel-ratio` として実装されています。
+
+## 構文
+
+- {{cssxref("&lt;number&gt;")}}
+  - : CSS ピクセルあたりのデバイスピクセル数。
+
+**メディア:** {{cssxref("@media")}}
+**min/max 接頭辞の受付:** はい
+
+## 例
+
+### 基本的な互換コード
+
+`-moz-device-pixel-ratio` は Firefox のバージョン 16 以前や、 `dppx` に未対応の WebKit ベースのブラウザーの `-webkit-device-pixel-ratio` との互換性のために使用されることがあります。
+
+例:
+
+```css
+@media (-webkit-min-device-pixel-ratio: 2), /* Webkit ベースのブラウザー */
+       (min--moz-device-pixel-ratio: 2),    /* 古い Firefox ブラウザー (Firefox 16 以前) */
+       (min-resolution: 2dppx),             /* 標準の方法 */
+       (min-resolution: 192dpi)             /* dppx のフォールバック */ </pre>
+```
+
+> **Note:** `resolution` および `dppx` に関わる互換性の良い習慣については、 [CSSWG の記事](http://www.w3.org/blog/CSS/2012/06/14/unprefix-webkit-device-pixel-ratio/)を参照してください。
+
+## 仕様書
+
+どの仕様書にも含まれていません。
+
+## ブラウザーの互換性
+
+{{Compat}}
+
+## 関連情報
+
+- [メディアクエリーの使用](/ja/docs/Web/CSS/Media_Queries/Using_media_queries)
+- [@media](/ja/docs/Web/CSS/@media)