From 610c333b45ce0c5da3cebc27b00b37e458d53498 Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Fri, 2 Jul 2021 23:36:25 +0900 Subject: Web/CSS/@viewport を更新 (#1277) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit * Web/CSS/@viewport を更新 - 英語版で削除された conflicting 版の記事を削除 - 2021/05/08 時点の英語版を同期 * ファイルが削除できていなかったのを削除 --- files/ja/_redirects.txt | 18 ++--- files/ja/_wikihistory.json | 45 ----------- files/ja/conflicting/web/css/@viewport/index.html | 85 -------------------- .../index.html | 78 ------------------- .../index.html | 70 ----------------- .../index.html | 77 ------------------ .../index.html | 88 --------------------- .../index.html | 90 ---------------------- files/ja/web/css/@viewport/index.html | 55 +++++++------ 9 files changed, 39 insertions(+), 567 deletions(-) delete mode 100644 files/ja/conflicting/web/css/@viewport/index.html delete mode 100644 files/ja/conflicting/web/css/@viewport_516ab4b0283b5b2231fb657505e22440/index.html delete mode 100644 files/ja/conflicting/web/css/@viewport_6e9c91ec34cdb0393d301240d0d50d84/index.html delete mode 100644 files/ja/conflicting/web/css/@viewport_a33ee59ffd8336ffb3336900dea02e9f/index.html delete mode 100644 files/ja/conflicting/web/css/@viewport_d03ebc763769680c55d1a4258592d3ed/index.html delete mode 100644 files/ja/conflicting/web/css/@viewport_e065ce90bde08c9679692adbe64f6518/index.html diff --git a/files/ja/_redirects.txt b/files/ja/_redirects.txt index f4ce9ad9c7..d80fc1bd2a 100644 --- a/files/ja/_redirects.txt +++ b/files/ja/_redirects.txt @@ -4333,14 +4333,14 @@ /ja/docs/Web/CSS/@media/scan /ja/docs/orphaned/Web/CSS/@media/scan /ja/docs/Web/CSS/@page/bleed /ja/docs/orphaned/Web/CSS/@page/bleed /ja/docs/Web/CSS/@page/marks /ja/docs/orphaned/Web/CSS/@page/marks -/ja/docs/Web/CSS/@viewport/height /ja/docs/conflicting/Web/CSS/@viewport -/ja/docs/Web/CSS/@viewport/max-height /ja/docs/conflicting/Web/CSS/@viewport_516ab4b0283b5b2231fb657505e22440 -/ja/docs/Web/CSS/@viewport/max-zoom /ja/docs/conflicting/Web/CSS/@viewport_d03ebc763769680c55d1a4258592d3ed -/ja/docs/Web/CSS/@viewport/min-zoom /ja/docs/conflicting/Web/CSS/@viewport_6e9c91ec34cdb0393d301240d0d50d84 +/ja/docs/Web/CSS/@viewport/height /ja/docs/Web/CSS/@viewport +/ja/docs/Web/CSS/@viewport/max-height /ja/docs/Web/CSS/@viewport +/ja/docs/Web/CSS/@viewport/max-zoom /ja/docs/Web/CSS/@viewport +/ja/docs/Web/CSS/@viewport/min-zoom /ja/docs/Web/CSS/@viewport /ja/docs/Web/CSS/@viewport/orientation /en-US/docs/Web/CSS/@viewport /ja/docs/Web/CSS/@viewport/user-zoom /ja/docs/Web/CSS/@viewport -/ja/docs/Web/CSS/@viewport/viewport-fit /ja/docs/conflicting/Web/CSS/@viewport_a33ee59ffd8336ffb3336900dea02e9f -/ja/docs/Web/CSS/@viewport/zoom /ja/docs/conflicting/Web/CSS/@viewport_e065ce90bde08c9679692adbe64f6518 +/ja/docs/Web/CSS/@viewport/viewport-fit /ja/docs/Web/CSS/@viewport +/ja/docs/Web/CSS/@viewport/zoom /ja/docs/Web/CSS/@viewport /ja/docs/Web/CSS/Adjacent_sibling_selectors /ja/docs/Web/CSS/Adjacent_sibling_combinator /ja/docs/Web/CSS/Background_Backup /ja/docs/Web/CSS/background /ja/docs/Web/CSS/Block_formatting_context /ja/docs/Web/Guide/CSS/Block_formatting_context @@ -4390,11 +4390,11 @@ /ja/docs/Web/CSS/Motion_Path /ja/docs/Web/CSS/CSS_Motion_Path /ja/docs/Web/CSS/Other_Resources /ja/docs/conflicting/Web/CSS_eb0c7d23f84df658710ebb6b4bdec8ea /ja/docs/Web/CSS/Reference/@viewport /ja/docs/Web/CSS/@viewport -/ja/docs/Web/CSS/Reference/@viewport/max-zoom /ja/docs/conflicting/Web/CSS/@viewport_d03ebc763769680c55d1a4258592d3ed -/ja/docs/Web/CSS/Reference/@viewport/min-zoom /ja/docs/conflicting/Web/CSS/@viewport_6e9c91ec34cdb0393d301240d0d50d84 +/ja/docs/Web/CSS/Reference/@viewport/max-zoom /ja/docs/Web/CSS/@viewport +/ja/docs/Web/CSS/Reference/@viewport/min-zoom /ja/docs/Web/CSS/@viewport /ja/docs/Web/CSS/Reference/@viewport/orientation /en-US/docs/Web/CSS/@viewport /ja/docs/Web/CSS/Reference/@viewport/user-zoom /ja/docs/Web/CSS/@viewport -/ja/docs/Web/CSS/Reference/@viewport/zoom /ja/docs/conflicting/Web/CSS/@viewport_e065ce90bde08c9679692adbe64f6518 +/ja/docs/Web/CSS/Reference/@viewport/zoom /ja/docs/Web/CSS/@viewport /ja/docs/Web/CSS/Reference/Mozilla_Extensions /ja/docs/Web/CSS/Mozilla_Extensions /ja/docs/Web/CSS/Scaling_background_images /ja/docs/conflicting/Web/CSS/CSS_Backgrounds_and_Borders/Resizing_background_images /ja/docs/Web/CSS/Understanding_z_index /ja/docs/Web/CSS/CSS_Positioning/Understanding_z_index diff --git a/files/ja/_wikihistory.json b/files/ja/_wikihistory.json index f75dab2def..5336ebae40 100644 --- a/files/ja/_wikihistory.json +++ b/files/ja/_wikihistory.json @@ -48823,51 +48823,6 @@ "Marsf" ] }, - "conflicting/Web/CSS/@viewport": { - "modified": "2020-10-15T22:35:00.773Z", - "contributors": [ - "mfuji09" - ] - }, - "conflicting/Web/CSS/@viewport_516ab4b0283b5b2231fb657505e22440": { - "modified": "2020-10-15T22:19:56.603Z", - "contributors": [ - "Uemmra3", - "mzmjp" - ] - }, - "conflicting/Web/CSS/@viewport_6e9c91ec34cdb0393d301240d0d50d84": { - "modified": "2020-10-15T22:04:16.205Z", - "contributors": [ - "ExE-Boss", - "mfuji09" - ] - }, - "conflicting/Web/CSS/@viewport_a33ee59ffd8336ffb3336900dea02e9f": { - "modified": "2020-10-15T22:13:25.298Z", - "contributors": [ - "mfuji09", - "acid-chicken", - "silverskyvicto" - ] - }, - "conflicting/Web/CSS/@viewport_d03ebc763769680c55d1a4258592d3ed": { - "modified": "2020-10-15T22:04:17.200Z", - "contributors": [ - "mfuji09", - "ExE-Boss" - ] - }, - "conflicting/Web/CSS/@viewport_e065ce90bde08c9679692adbe64f6518": { - "modified": "2020-10-15T21:44:32.570Z", - "contributors": [ - "mfuji09", - "ExE-Boss", - "takahashim", - "dskmori", - ".Hiroya" - ] - }, "conflicting/Web/CSS/CSS_Backgrounds_and_Borders/Resizing_background_images": { "modified": "2019-03-23T23:37:28.021Z", "contributors": [ diff --git a/files/ja/conflicting/web/css/@viewport/index.html b/files/ja/conflicting/web/css/@viewport/index.html deleted file mode 100644 index 19f1c5354f..0000000000 --- a/files/ja/conflicting/web/css/@viewport/index.html +++ /dev/null @@ -1,85 +0,0 @@ ---- -title: height -slug: conflicting/Web/CSS/@viewport -tags: - - '@viewport' - - At-rule descriptor - - CSS - - CSS Descriptor - - Reference -translation_of: Web/CSS/@viewport -translation_of_original: Web/CSS/@viewport/height -original_slug: Web/CSS/@viewport/height ---- -
{{CSSRef}}
- -

height は CSS の記述子で、ビューポートの {{cssxref("@viewport/min-height", "min-height")}} と {{cssxref("@viewport/max-height", "max-height")}} の両記述子を指定する一括指定記述子です。ビューポートの寸法を1つ指定すると、高さの最小値と最大値の両方を指定された値に設定します。

- -

ビューポートのを2つ指定した場合は、1つ目の値は最小の高さを設定し、2つ目の値は最大の高さを設定します。

- -

構文

- -
/* 1つの値 */
-height: auto;
-height: 320px;
-height: 15em;
-
-/* Two values */
-height: 320px 200px;
-
- -

値

- -
-
auto
-
使用値は他の CSS 記述子の値から計算されます。
-
<length>
-
負の数ではない絶対的または相対的な長さです。
-
<percentage>
-
拡大率 1.0 の初期ビューポートの幅や高さに対する相対的なパーセント値で、それぞれ水平方向と垂直方向の長さを表します。負の数であってはいけません。
-
- -

公式定義

- -

{{cssinfo}}

- -

形式文法

- -{{csssyntax}} - -

例

- -

高さの最小値と最大値の設定

- -
@viewport {
-  height: 500px;
-}
- -

仕様書

- - - - - - - - - - - - - - - - -
仕様書状態備考
{{SpecName('CSS3 Device', '#descdef-viewport-height', '"height" descriptor')}}{{Spec2('CSS3 Device')}}初回定義
- -

ブラウザーの互換性

- -

{{Compat("css.at-rules.viewport.height")}}

- -

関連情報

- - diff --git a/files/ja/conflicting/web/css/@viewport_516ab4b0283b5b2231fb657505e22440/index.html b/files/ja/conflicting/web/css/@viewport_516ab4b0283b5b2231fb657505e22440/index.html deleted file mode 100644 index 1957f3d3ef..0000000000 --- a/files/ja/conflicting/web/css/@viewport_516ab4b0283b5b2231fb657505e22440/index.html +++ /dev/null @@ -1,78 +0,0 @@ ---- -title: max-height -slug: conflicting/Web/CSS/@viewport_516ab4b0283b5b2231fb657505e22440 -tags: - - '@viewport' - - CSS - - CSS Descriptor - - Reference -translation_of: Web/CSS/@viewport -translation_of_original: Web/CSS/@viewport/max-height -original_slug: Web/CSS/@viewport/max-height ---- -
{{CSSRef}}
- -

CSS の max-height 記述子は、{{cssxref("@viewport")}} @-規則で定義された文書のビューポートの最大の高さを指定します。

- -

最大の高さの制約を考慮して、最初の高さは初期ビューポートの高さにできるだけ近い値に設定されます。

- -

{{cssinfo}}

- -

構文

- -
/* Keyword value */
-max-height: auto;
-
-/* <length> values */
-max-height: 400px;
-max-height: 50em;
-max-height: 20cm;
-
-/* <percentage> value */
-max-height: 75%;
- -

値

- -
-
auto
-
使用する値は他の CSS 記述子の値から計算されます。
-
<length>
-
負ではない絶対値または相対値。
-
<percentage>
-
垂直方向の長さについて、初期ビューポートの高さである表示倍率1.0 に対するパーセンテージの値。値は負ではない必要があります。
-
- -

形式文法

- -{{csssyntax}} - -

例

- -
@viewport {
-  max-height: 600px;
-}
- -

仕様書

- - - - - - - - - - - - - - - - -
仕様書策定状況コメント
{{SpecName('CSS3 Device', '#descdef-viewport-max-height', '"max-height" descriptor')}}{{Spec2('CSS3 Device')}}初期定義
- -

ブラウザー実装状況

- - - -

{{Compat("css.at-rules.viewport.max-height")}}

diff --git a/files/ja/conflicting/web/css/@viewport_6e9c91ec34cdb0393d301240d0d50d84/index.html b/files/ja/conflicting/web/css/@viewport_6e9c91ec34cdb0393d301240d0d50d84/index.html deleted file mode 100644 index 9c8e0522de..0000000000 --- a/files/ja/conflicting/web/css/@viewport_6e9c91ec34cdb0393d301240d0d50d84/index.html +++ /dev/null @@ -1,70 +0,0 @@ ---- -title: min-zoom -slug: conflicting/Web/CSS/@viewport_6e9c91ec34cdb0393d301240d0d50d84 -tags: - - '@viewport' - - CSS - - CSS 記述子 - - リファレンス -translation_of: Web/CSS/@viewport -translation_of_original: Web/CSS/@viewport/min-zoom -original_slug: Web/CSS/@viewport/min-zoom ---- -
{{CSSRef}}
- -

CSS の min-zoom 記述子は、 {{cssxref("@viewport")}} @-規則で定義され、文書の最小表示倍率を設定します。ブラウザーは自動的にもユーザーのリクエストでも、これより縮小することができません。

- -

表示倍率 が 1.0 又は 100% が、拡大縮小なしに対応します。より大きい値は拡大、より小さい値は縮小です。

- -

{{cssinfo}}

- -

構文

- -
/* キーワード値 */
-min-zoom: auto;
-
-/* <number> 値 */
-min-zoom: 0.8;
-min-zoom: 2.0;
-
-/* <percentage> 値 */
-min-zoom: 150%;
-
- -

値

- -
-
auto
-
{{glossary("user agent", "ユーザーエージェント")}}が文書の表示倍率の下限を設定します。
-
{{cssxref("<number>")}}
-
非負の数値で、表示倍率の下限です。
-
{{cssxref("<percentage>")}}
-
非負のパーセント値で、表示倍率の下限です。
-
- -

形式文法

- -{{csssyntax}} - -

仕様書

- - - - - - - - - - - - - - - - -
仕様書状態備考
{{SpecName('CSS3 Device', '#min-zoom-desc', '"min-zoom" descriptor')}}{{Spec2('CSS3 Device')}}初回定義
- -

ブラウザーの対応

- -

{{Compat("css.at-rules.viewport.min-zoom")}}

diff --git a/files/ja/conflicting/web/css/@viewport_a33ee59ffd8336ffb3336900dea02e9f/index.html b/files/ja/conflicting/web/css/@viewport_a33ee59ffd8336ffb3336900dea02e9f/index.html deleted file mode 100644 index a1f0ac621c..0000000000 --- a/files/ja/conflicting/web/css/@viewport_a33ee59ffd8336ffb3336900dea02e9f/index.html +++ /dev/null @@ -1,77 +0,0 @@ ---- -title: viewport-fit -slug: conflicting/Web/CSS/@viewport_a33ee59ffd8336ffb3336900dea02e9f -tags: - - '@viewport' - - CSS - - CSS 記述子 - - Experimental - - Reference - - モバイル - - 画面レイアウト -translation_of: Web/CSS/@viewport -translation_of_original: Web/CSS/@viewport/viewport-fit -original_slug: Web/CSS/@viewport/viewport-fit ---- -
{{CSSRef}}{{Draft}}{{SeeCompatTable}}
- -

CSS の viewport-fit {{CSSxRef("@viewport")}} {{Glossary("Descriptor (CSS)", "記述子")}}は、文書のビューポートが画面をどのように埋めるかを制御します。

- -

構文

- -
/* キーワード値 */
-viewport-fit: auto;
-viewport-fit: contain;
-viewport-fit: cover;
-
- -

値

- -
-
auto
-
この値は初期状態のレイアウトビューポートに影響せず、ウェブページ全体が見えます。
-
contain
-
ビューポートは、画面内に内接する最も大きな長方形に合うように拡大縮小されます。
-
cover
-
ビューポートは、端末の画面の埋め尽くすように拡大縮小されます。これは重要なコンテンツが画面の外に出ないことを保証するために、安全領域差し込み変数を使用するために強く推奨されます。
-
- -

形式文法

- -
auto | contain | cover
-
- - - -

アクセシビリティの考慮事項

- -

viewport-fit 記述子を使用するとき、すべての端末の画面が長方形であるとは限らなないので、安全領域差し込み変数を使用してください。

- -

仕様書

- - - - - - - - - - - - - - - - -
仕様書状態備考
{{SpecName("CSS Round Display", "#viewport-fit-descriptor", '"viewport-fit" descriptor')}}{{Spec2("CSS Round Display")}}初回定義
- -

ブラウザーの互換性

- -

{{Compat("css.at-rules.viewport.viewport-fit")}}

- -

関連情報

- - diff --git a/files/ja/conflicting/web/css/@viewport_d03ebc763769680c55d1a4258592d3ed/index.html b/files/ja/conflicting/web/css/@viewport_d03ebc763769680c55d1a4258592d3ed/index.html deleted file mode 100644 index e8fcf26519..0000000000 --- a/files/ja/conflicting/web/css/@viewport_d03ebc763769680c55d1a4258592d3ed/index.html +++ /dev/null @@ -1,88 +0,0 @@ ---- -title: max-zoom -slug: conflicting/Web/CSS/@viewport_d03ebc763769680c55d1a4258592d3ed -tags: - - '@viewport' - - At-rule descriptor - - CSS - - CSS Descriptor - - Reference -translation_of: Web/CSS/@viewport -translation_of_original: Web/CSS/@viewport/max-zoom -original_slug: Web/CSS/@viewport/max-zoom ---- -
{{CSSRef}}
- -

min-zoom は CSS の記述子で、 {{cssxref("@viewport")}} アット規則で定義され、文書の最大表示倍率を設定します。ブラウザーは自動的にもユーザーのリクエストでも、これより拡大することができません。

- -

表示倍率 が 1.0 または 100% が、拡大縮小なしに対応します。より大きい値は拡大、より小さい値は縮小です。

- -

構文

- -
/* キーワード値 */
-max-zoom: auto;
-
-/* <number> 値 */
-max-zoom: 0.8;
-max-zoom: 2.0;
-
-/* <percentage> 値 */
-max-zoom: 150%;
-
- -

値

- -
-
auto
-
{{glossary("user agent", "ユーザーエージェント")}}が文書の表示倍率の上限を設定します。
-
{{cssxref("<number>")}}
-
非負の数値で、表示倍率の上限です。
-
{{cssxref("<percentage>")}}
-
非負のパーセント値で、表示倍率の上限です。
-
- -

公式定義

- -

{{cssinfo}}

- -

形式文法

- -{{csssyntax}} - -

例

- -

max-zoom の設定

- -
@viewport {
-  max-zoom: 1.5;
-}
-
- -

仕様書

- - - - - - - - - - - - - - - - -
仕様書状態備考
{{SpecName('CSS3 Device', '#max-zoom-desc', '"max-zoom" descriptor')}}{{Spec2('CSS3 Device')}}初回定義
- -

ブラウザーの互換性

- -

{{Compat("css.at-rules.viewport.max-zoom")}}

- -

See also

- - diff --git a/files/ja/conflicting/web/css/@viewport_e065ce90bde08c9679692adbe64f6518/index.html b/files/ja/conflicting/web/css/@viewport_e065ce90bde08c9679692adbe64f6518/index.html deleted file mode 100644 index f6ced2def4..0000000000 --- a/files/ja/conflicting/web/css/@viewport_e065ce90bde08c9679692adbe64f6518/index.html +++ /dev/null @@ -1,90 +0,0 @@ ---- -title: zoom -slug: conflicting/Web/CSS/@viewport_e065ce90bde08c9679692adbe64f6518 -tags: - - '@viewport' - - At-rule descriptor - - CSS - - CSS Descriptor - - Graphics - - Layout - - Reference - - Web -translation_of: Web/CSS/@viewport -translation_of_original: Web/CSS/@viewport/zoom -original_slug: Web/CSS/@viewport/zoom ---- -
{{CSSRef}}
- -

zoom は CSS の記述子で、 {{cssxref("@viewport")}} アット規則で定義された文書の表示倍率の初期値を設定します。

- -

表示倍率 が 1.0 または 100% が、拡大縮小なしに対応します。より大きい値は拡大、より小さい値は縮小です。

- -

構文

- -
/* キーワード値 */
-zoom: auto;
-
-/* <number> 値 */
-zoom: 0.8;
-zoom: 2.0;
-
-/* <percentage> 値 */
-zoom: 150%;
-
- -

値

- -
-
auto
-
{{glossary("user agent", "ユーザーエージェント")}}が文書の表示倍率の初期値を設定します。ユーザーエージェントは表示倍率を決めるために、文書が表示されるキャンバス領域の寸法を使用することがあります。
-
{{cssxref("<number>")}}
-
表示倍率として使われる非負の数値です。
-
{{cssxref("<percentage>")}}
-
表示倍率として使われる非負のパーセント値です。
-
- -

公式定義

- -

{{cssinfo}}

- -

形式文法

- -{{csssyntax}} - -

例

- -

ビューポートの zoom 係数の設定

- -
@viewport {
-  zoom: 2.0;
-}
- -

仕様書

- - - - - - - - - - - - - - - - -
仕様書状態備考
{{SpecName('CSS3 Device', '#the-lsquozoomrsquo-descriptor', '"zoom" descriptor')}}{{Spec2('CSS3 Device')}}初回定義
- -

ブラウザーの互換性

- -

{{Compat("css.at-rules.viewport.zoom")}}

- -

関連情報

- - diff --git a/files/ja/web/css/@viewport/index.html b/files/ja/web/css/@viewport/index.html index 3b68effd7d..9df15a0789 100644 --- a/files/ja/web/css/@viewport/index.html +++ b/files/ja/web/css/@viewport/index.html @@ -11,11 +11,12 @@ tags: - Reference - Screen Layout - viewport +browser-compat: css.at-rules.viewport translation_of: Web/CSS/@viewport ---
{{CSSRef}}{{deprecated_header}}
-
+

注: https://github.com/w3c/csswg-drafts/issues/4766 に @viewport を標準路線から除外することに関する議論があります。

@@ -25,7 +26,7 @@ translation_of: Web/CSS/@viewport

モバイル端末 (または全画面モードのデスクトップ端末) では、初期ビューポートはふつう端末の画面のうちアプリケーションが利用できる部分です。これは全画面の場合もあれば、全画面からオペレーティングシステムが制御する領域 (タスクバーなど) を引いた部分の場合、アプリケーションが利用できる画面領域 (全画面又は画面からオペレーティングシステムやその他のアプリケーションが所有する領域を引いた部分) の場合もあります。

-
@viewport {
+
@viewport {
   width: 100vw; /*実際のビューポートの幅を端末の幅に設定*/
 }
 

@@ -34,52 +35,52 @@ translation_of: Web/CSS/@viewport
 
メモ: <meta name="viewport"> タグを使用すると、 @viewport より優先します。
-

構文

+

構文

このアット規則は波括弧で囲まれた CSS ブロック内に、一連の入れ子になった{{glossary("descriptor (CSS)", "記述子")}}を含みます。

1.0 または 100% のズーム倍率はズーム無しに相当します。より大きい値はズームイン、より小さい値はズームアウトになります。

-

記述子

+

記述子

現時点では @viewport のブラウザーの互換性は弱く、対応は Internet Explorer 及び Edge で広く行われています。これらのブラウザーでも、少数の記述子しか利用できません。 @viewport は対応していないブラウザーからは無視され、理解できない記述子は無視されるでしょう。

-
min-width
+
min-width
文書が最初に表示されたときの、ビューポートの幅を決めるのに使われます。
-
max-width
+
max-width
文書が最初に表示されたときの、ビューポートの幅を決めるのに使われます。
-
width
+
width
min-width と max-width の両方を設定するための一括指定です。
-
min-height
+
min-height
文書が最初に表示されたときの、ビューポートの高さを決めるのに使われます。
-
max-height
+
max-height
文書が最初に表示されたときの、ビューポートの高さを決めるのに使われます。
-
height
+
height
min-height と max-height の両方を設定するための一括指定です。
-
zoom
+
zoom
ズームの初期値を設定します。
-
min-zoom
+
min-zoom
ズームの最小値を設定します。
-
max-zoom
+
max-zoom
ズームの最大値を設定します。
-
user-zoom
+
user-zoom
ユーザーがズーム倍率を変更できるか否かを制御します。
-
orientation
+
orientation
文書の向きを制御します。
-
{{cssxref("@viewport/viewport-fit", "viewport-fit")}}
+
viewport-fit
長方形ではないディスプレイでの文書の表示を制御します。
-

形式文法

+

形式文法

{{csssyntax}} -

例

+

例

-

ビューポートの大きさ、拡大率、向きの設定

+

ビューポートの大きさ、拡大率、向きの設定

-
@viewport {
+
@viewport {
   min-width: 640px;
   max-width: 800px;
 }
@@ -94,7 +95,7 @@ translation_of: Web/CSS/@viewport
   orientation: landscape;
 }

 
-
仕様書

+
仕様書

 
 
@@ -108,7 +109,7 @@ translation_of: Web/CSS/@viewport
   
-   
+   
@@ -118,15 +119,19 @@ translation_of: Web/CSS/@viewport
  

  

    {{SpecName("CSS Round Display", "#extending-viewport-rule", "@viewport")}}
    {{Spec2("CSS Round Display")}}{{cssxref("@viewport/viewport-fit", "viewport-fit")}} 記述子を定義。viewport-fit 記述子を定義。
   

   

    {{SpecName('CSS3 Device', '#atviewport-rule', '@viewport')}}
 

 
-
ブラウザーの互換性

+
ブラウザーの互換性

 
+<<<<<<< Updated upstream
 
 
 
{{Compat("css.at-rules.viewport")}}

+=======
+
{{Compat}}

+>>>>>>> Stashed changes
 
-
関連情報

+
関連情報

 
 
-- 
cgit v1.2.3-54-g00ecf