blob: 654d8e81dfd553944115eea7557b486dce221daa (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
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>
|
