diff options
Diffstat (limited to 'files/zh-tw/glossary/viewport/index.html')
| -rw-r--r-- | files/zh-tw/glossary/viewport/index.html | 25 |
1 files changed, 25 insertions, 0 deletions
diff --git a/files/zh-tw/glossary/viewport/index.html b/files/zh-tw/glossary/viewport/index.html new file mode 100644 index 0000000000..654d8e81df --- /dev/null +++ b/files/zh-tw/glossary/viewport/index.html @@ -0,0 +1,25 @@ +--- +title: Viewport +slug: Glossary/Viewport +tags: + - CodingScripting + - Glossary +translation_of: Glossary/Viewport +--- +<p>一個 viewport（視圖、視區）在電腦圖像中表示一個正在被觀看的多邊型區域（通常是方形）。在瀏覽器的術語中，它指涉的是在視窗中（如果在全螢幕模式底下，那也可以是在螢幕中），正在瀏覽的文件中可被看見的一部分。在 viewport 外的內容在螢幕上是看不到的，直到內容被滾動到畫面中。</p> + +<p>在視窗/螢幕上能被看見的 viewport 區域被稱為 <strong>visual viewport</strong>（可視視圖）。它有時會比 layout viewport 還來得小，例如在使用者縮放網頁的時候，<strong>layout viewport</strong>（布局視圖）會保持同樣的大小，而 visual viewport 則會變得較小。</p> + + + +<h2 id="瞭解更多">瞭解更多</h2> + +<h3 id="General_Knowledge">General Knowledge</h3> + +<ul> + <li>{{Interwiki("wikipedia", "Viewport")}} on Wikipedia</li> + <li><a href="https://stackoverflow.com/questions/2939693/what-is-viewport-in-html">What is viewport in HTML</a> on Stackoverflow</li> + <li><a href="https://andylangton.co.uk/blog/development/get-viewportwindow-size-width-and-height-javascript">Get viewport/window size (width and height) with javascript</a></li> + <li><a href="https://www.quirksmode.org/mobile/viewports.html">A tale of two viewports</a> (Quirksmode)</li> + <li><a href="/en-US/docs/Web/API/Visual_Viewport_API">VisualViewport API</a></li> +</ul> |