From 69de90014cbebf425786e59bc3b125a860d463e8 Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Tue, 7 Dec 2021 11:33:37 +0900 Subject: CSS メディアクエリーに関する記事を修正 (#3220) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit * 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 時点の英語版に同期 --- files/ja/learn/css/css_layout/media_queries/index.html | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) (limited to 'files/ja/learn/css') diff --git a/files/ja/learn/css/css_layout/media_queries/index.html b/files/ja/learn/css/css_layout/media_queries/index.html index f1e90c3f90..0438d1a3f3 100644 --- a/files/ja/learn/css/css_layout/media_queries/index.html +++ b/files/ja/learn/css/css_layout/media_queries/index.html @@ -37,12 +37,12 @@ translation_of: Learn/CSS/CSS_layout/Media_queries

これは、次のもので構成されます。

-

メディアタイプ

+

メディア種別

指定できるメディアの種類は次のとおりです。

@@ -62,15 +62,15 @@ translation_of: Learn/CSS/CSS_layout/Media_queries }
-

注: ここでのメディアタイプは、いわゆる {{glossary("MIME type","MIME タイプ")}}とは異なります。

+

注: ここでのメディア種別は、いわゆる {{glossary("MIME type","MIME タイプ")}}とは異なります。

-

注: レベル3のメディアクエリー仕様には、他にも多くのメディアタイプが定義されています。 これらは非推奨であり、避けるべきです。

+

注: レベル3のメディアクエリー仕様には、他にも多くのメディア種別が定義されています。 これらは非推奨であり、避けるべきです。

-

注: メディアタイプはオプションです。 メディアクエリーでメディアタイプを指定しない場合、メディアクエリーはデフォルトですべてのメディアタイプ用になります。

+

注: メディア種別はオプションです。 メディアクエリーでメディア種別を指定しない場合、メディアクエリーはデフォルトですべてのメディア種別用になります。

メディア特性の規則

@@ -103,7 +103,7 @@ translation_of: Learn/CSS/CSS_layout/Media_queries

実際には、レスポンシブデザインでは最小値または最大値を使用する方がはるかに便利であるため、width または height を単独で使用することはほとんどありません。

-

テストできるメディア特性は他にも多数ありますが、メディアクエリー仕様のレベル4および5で導入された新しい特性の一部は、ブラウザーサポートが制限されています。 各特性は、ブラウザーサポート情報とともに MDN で文書化されていて、完全なリストは、メディアクエリーの使用: メディア特性で見つけることができます。

+

テストできるメディア特性は他にも多数ありますが、メディアクエリー仕様のレベル4および5で導入された新しい特性の一部は、ブラウザーサポートが制限されています。 各特性は、ブラウザーサポート情報とともに MDN で文書化されていて、完全なリストは、メディアクエリーの使用: メディア特性で見つけることができます。

オリエンテーション

@@ -143,7 +143,7 @@ translation_of: Learn/CSS/CSS_layout/Media_queries

メディアクエリーの "and" 論理

-

メディア特性を組み合わせるには、上記で and を使用してメディアタイプとメディア特性を組み合わせるのとほぼ同じ方法で and を使用できます。 例えば、min-width と orientation をテストする場合があります。 ビューポートの幅が少なくとも 600 ピクセルで、デバイスがランドスケープモードの場合にのみ body のテキストは青色になります。

+

メディア特性を組み合わせるには、上記で and を使用してメディア種別とメディア特性を組み合わせるのとほぼ同じ方法で and を使用できます。 例えば、min-width と orientation をテストする場合があります。 ビューポートの幅が少なくとも 600 ピクセルで、デバイスがランドスケープモードの場合にのみ body のテキストは青色になります。

@media screen and (min-width: 600px) and (orientation: landscape) {
     body {
-- 
cgit v1.2.3-54-g00ecf