blob: b68d40ddd474c3e251ba77d863c5a9f6436a9835 (
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
|
---
title: Viewport
slug: Glossary/Viewport
tags:
- Glossary
- Graphics
- viewport
translation_of: Glossary/Viewport
---
<p>Ein viewport (deutsch: <em>Ansichtsfenster</em>) repräsentiert in der Computergrafik den polygonalen (normalerweise rechteckigen) Bereich, der im Moment angezeigt wird. Bei Webbrowsern bezieht es sich auf den Teil des betrachteten Dokuments, der gerade in seinem Fenster sichtbar ist (oder dem Bildschirm, wenn das Dokument im Vollbildmodus betrachtet wird). Inhalte außerhalb des viewports sind nicht auf dem Bildschirm sichtbar, bis man sie in den sichtbaren Bereich scrollt.</p>
<p>Der Teil des viewports, der im Moment sichtbar ist, wird als <strong>visual viewport</strong> (deutsch etwa: <em>sichtbares Ansichtsfenster</em>) bezeichnet. Dieser kann kleiner sein, als der durch das Layout bestimmte viewport, zum Beispiel, wenn der Nutzer (auf einem Mobilgerät) hineinzoomt. Der <strong>layout viewport</strong> bleibt dabei gleich, aber der visual viewport ist kleiner geworden.</p>
<h2 id="Mehr_dazu">Mehr dazu</h2>
<h3 id="Allgemeinwissen">Allgemeinwissen</h3>
<ul>
<li>{{Interwiki("wikipedia", "Viewport")}} auf Wikipedia</li>
<li><a href="https://stackoverflow.com/questions/2939693/what-is-viewport-in-html">What is viewport in HTML</a> auf Stackoverflow (Englisch)</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> (Englisch)</li>
<li><a href="https://www.quirksmode.org/mobile/viewports.html">A tale of two viewports</a> (Quirksmode, Englisch)</li>
<li><a href="/en-US/docs/Web/API/Visual_Viewport_API">VisualViewport API</a></li>
</ul>
|
