aboutsummaryrefslogtreecommitdiff
path: root/files/ko/web/css/@viewport
diff options
context:
space:
mode:
authorFlorian Merz <me@fiji-flo.de>2021-02-11 14:48:24 +0100
committerFlorian Merz <me@fiji-flo.de>2021-02-11 14:48:24 +0100
commitee778d6eea54935fd05022e0ba8c49456003381a (patch)
tree151a4cef804d8823cc8fc753b8edc693b7078241 /files/ko/web/css/@viewport
parent8260a606c143e6b55a467edf017a56bdcd6cba7e (diff)
downloadtranslated-content-ee778d6eea54935fd05022e0ba8c49456003381a.tar.gz
translated-content-ee778d6eea54935fd05022e0ba8c49456003381a.tar.bz2
translated-content-ee778d6eea54935fd05022e0ba8c49456003381a.zip
unslug ko: move
Diffstat (limited to 'files/ko/web/css/@viewport')
-rw-r--r--files/ko/web/css/@viewport/height/index.html76
-rw-r--r--files/ko/web/css/@viewport/viewport-fit/index.html73
-rw-r--r--files/ko/web/css/@viewport/zoom/index.html71
3 files changed, 0 insertions, 220 deletions
diff --git a/files/ko/web/css/@viewport/height/index.html b/files/ko/web/css/@viewport/height/index.html
deleted file mode 100644
index 96dd3182ad..0000000000
--- a/files/ko/web/css/@viewport/height/index.html
+++ /dev/null
@@ -1,76 +0,0 @@
----
-title: height
-slug: Web/CSS/@viewport/height
-tags:
- - '@viewport'
- - CSS
- - CSS Descriptor
- - Reference
-translation_of: Web/CSS/@viewport
-translation_of_original: Web/CSS/@viewport/height
----
-<div>{{CSSRef}}</div>
-
-<p><code><strong>height</strong></code> CSS 서술자(descriptor)는 뷰포트의 {{cssxref("@viewport/min-height", "min-height")}} 및 {{cssxref("@viewport/max-height", "max-height")}} 둘 다 설정하기 위한 단축(shorthand) 설명자입니다. 뷰포트 길이 값 하나를 주어 최소 높이 및 최대 높이 둘 다를 주어진 값으로 설정합니다.</p>
-
-<p>뷰포트 값이 두 개 주어진 경우, 첫 번째 값은 최소 높이로 두 번째 값은 최대 높이로 설정합니다.</p>
-
-<p>{{cssinfo}}</p>
-
-<h2 id="구문">구문</h2>
-
-<pre class="brush: css">/* 한 값 */
-height: auto;
-height: 320px;
-height: 15em;
-
-/* 두 값 */
-height: 320px 200px;
-</pre>
-
-<h3 id="값">값</h3>
-
-<dl>
- <dt><code>auto</code></dt>
- <dd>다른 CSS 설명자의 값에서 계산된 사용값(used value).</dd>
- <dt><code>&lt;length&gt;</code></dt>
- <dd>음이 아닌 절대 또는 상대 길이.</dd>
- <dt><code>&lt;percentage&gt;</code></dt>
- <dd>가로 및 세로 길이 각각을 위한 줌 배율(factor) 1.0에서 초기 뷰포트의 너비 또는 높이에 대한 퍼센트 값. 음이 아니어야 합니다.</dd>
-</dl>
-
-<h3 id="형식_구문">형식 구문</h3>
-
-<pre class="syntaxbox">{{csssyntax}}
-</pre>
-
-<h2 id="예제">예제</h2>
-
-<pre class="brush: css">@viewport {
- height: 500px;
-}</pre>
-
-<h2 id="명세">명세</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">명세</th>
- <th scope="col">상태</th>
- <th scope="col">설명</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{SpecName('CSS3 Device', '#descdef-viewport-height', '"height" descriptor')}}</td>
- <td>{{Spec2('CSS3 Device')}}</td>
- <td>초기 정의</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="브라우저_호환성">브라우저 호환성</h2>
-
-
-
-<p>{{Compat("css.at-rules.viewport.height")}}</p>
diff --git a/files/ko/web/css/@viewport/viewport-fit/index.html b/files/ko/web/css/@viewport/viewport-fit/index.html
deleted file mode 100644
index 7dab19acbd..0000000000
--- a/files/ko/web/css/@viewport/viewport-fit/index.html
+++ /dev/null
@@ -1,73 +0,0 @@
----
-title: viewport-fit
-slug: Web/CSS/@viewport/viewport-fit
-translation_of: Web/CSS/@viewport
-translation_of_original: Web/CSS/@viewport/viewport-fit
----
-<div>{{CSSRef}}{{Draft}}{{SeeCompatTable}}</div>
-
-<p><strong><code>viewport-fit</code></strong> CSS {{CSSxRef("@viewport")}} {{Glossary("Descriptor (CSS)", "설명자")}}는 문서의 뷰포트가 화면을 채우는 방법을 제어합니다.</p>
-
-<h2 id="Syntax">Syntax</h2>
-
-<pre class="brush: css; no-line-numbers">/* Keyword values */
-viewport-fit: auto;
-viewport-fit: contain;
-viewport-fit: cover;
-</pre>
-
-<h3 id="Values">Values</h3>
-
-<dl>
- <dt><code>auto</code></dt>
- <dd>이 값은 초기 레이아웃 뷰포트에 영향을 미치지 않으며 전체 웹 페이지가 보여집니다.</dd>
- <dt><code>contain</code></dt>
- <dd>뷰포트 크기가 디스플레이 내에 새겨진 가장 큰 직사각형에 들어맞게 조정됩니다.</dd>
-</dl>
-
-<dl>
- <dt><code>cover</code></dt>
- <dd>뷰포트 크기가 기기 디스플레이를 모두 채우도록 조정됩니다. 이때 중요한 내용이 디스플레이 바깥 영역으로 밀려나지 않도록 <a href="/en-US/docs/Web/CSS/env">safe area inset 변수</a>를 함께 사용할 것을 권장합니다.</dd>
-</dl>
-
-<h3 id="Formal_syntax">Formal syntax</h3>
-
-<pre class="syntaxbox">auto | contain | cover
-</pre>
-
-<div class="hidden">이 설명자는 아직 <a href="https://github.com/mdn/data/blob/master/css/at-rules.json">https://github.com/mdn/data/blob/master/css/at-rules.json</a>에 등재되지 않았습니다.</div>
-
-<h2 id="접근성_문제">접근성 문제</h2>
-
-<p><code>viewport-fit</code> 설명자를 사용할 때에는 모든 기기의 디스플레이가 직사각형인 것은 아니므로 <a href="/en-US/docs/Web/CSS/env">safe area inset 변수</a>를 함께 사용해야 함을 기억하세요.</p>
-
-<h2 id="명세">명세</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Specification</th>
- <th scope="col">Status</th>
- <th scope="col">Comment</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{SpecName("CSS Round Display", "#viewport-fit-descriptor", '"viewport-fit" descriptor')}}</td>
- <td>{{Spec2("CSS Round Display")}}</td>
- <td>Initial definition.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="브라우저_호환성">브라우저 호환성</h2>
-
-
-
-<p>{{Compat("css.at-rules.viewport.viewport-fit")}}</p>
-
-<h2 id="See_also">See also</h2>
-
-<ul>
- <li>{{CSSxRef("env", "env()")}}</li>
-</ul>
diff --git a/files/ko/web/css/@viewport/zoom/index.html b/files/ko/web/css/@viewport/zoom/index.html
deleted file mode 100644
index 699b60921e..0000000000
--- a/files/ko/web/css/@viewport/zoom/index.html
+++ /dev/null
@@ -1,71 +0,0 @@
----
-title: zoom
-slug: Web/CSS/@viewport/zoom
-tags:
- - CSS
- - CSS Descriptor
- - Graphics
- - Layout
- - NeedsExample
- - Reference
-translation_of: Web/CSS/@viewport
-translation_of_original: Web/CSS/@viewport/zoom
----
-<div>{{ CSSRef }}</div>
-
-<p><code>zoom</code> <a href="/ko/docs/Web/CSS">CSS</a> 설명자(descriptor)는 {{cssxref("@viewport")}}에 의해 정의된 문서의 초기 줌 배율(factor)을 설정합니다.</p>
-
-<p><code>1.0</code> 또는 <code>100%</code>인 <em>줌 배율</em>은 줌이 없음에 해당합니다. 큰 값은 확대. 작은 값은 축소.</p>
-
-<p>{{cssinfo}}</p>
-
-<h2 id="구문">구문</h2>
-
-<pre class="brush:css">/* 키워드 값 */
-zoom: auto;
-
-/* &lt;number&gt; 값 */
-zoom: 0.8;
-zoom: 2.0;
-
-/* &lt;percentage&gt; 값 */
-zoom: 150%;
-</pre>
-
-<h3 id="값">값</h3>
-
-<dl>
- <dt><code>auto</code></dt>
- <dd>사용자 에이전트가 문서의 초기 줌 배율을 설정합니다. 사용자 에이전트는 문서가 그 배율을 찾기 위해 렌더링되는 캔버스 영역의 크기를 사용할 수 있습니다.</dd>
- <dt><code>&lt;number&gt;</code></dt>
- <dd>줌 배율로 사용되는 음이 아닌 수. 배율 1.0은 줌이 수행되지 않음을 뜻합니다. 1.0보다 큰 값은 확대 작은 값은 축소 효과가 됩니다.</dd>
- <dt><code>&lt;percentage&gt;</code></dt>
- <dd>줌 배율로 사용되는 음이 아닌 퍼센트 값. 배율 100%는 줌이 수행되지 않음을 뜻합니다. 100%보다 큰 값은 확대 작은 값은 축소 효과가 됩니다.</dd>
-</dl>
-
-<h3 id="형식_구문">형식 구문</h3>
-
-<pre class="syntaxbox">{{csssyntax}}</pre>
-
-<h2 id="Specifications" name="Specifications">명세</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">명세</th>
- <th scope="col">상태</th>
- <th scope="col">설명</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{SpecName('CSS3 Device', '#the-lsquozoomrsquo-descriptor', '"zoom" descriptor')}}</td>
- <td>{{Spec2('CSS3 Device')}}</td>
- <td>초기 스펙</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="브라우저_호환성">브라우저 호환성</h2>
-
-<p>{{Compat("css.at-rules.viewport.zoom")}}</p>