-
Notifications
You must be signed in to change notification settings - Fork 22.4k
/
index.md
20 lines (15 loc) · 1.02 KB
/
index.md
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
---
title: Layout viewport
slug: Glossary/Layout_viewport
page-type: glossary-definition
---
{{GlossarySidebar}}
The **layout viewport** is the viewport into which the browser draws a web page. Essentially, it represents what is available to be seen, while the {{Glossary("visual viewport")}} represents what is currently visible on the user's display device.
This becomes important, for example, on mobile devices, where a pinching gesture can usually be used to zoom in and out on a site's contents. The rendered document doesn't change in any way, so the layout viewport remains the same as the user adjusts the zoom level. Instead, the visual viewport is updated to indicate the area of the page that they can see.
## See also
- [Visual Viewport API](/en-US/docs/Web/API/Visual_Viewport_API)
- [Viewport](https://en.wikipedia.org/wiki/Viewport) on Wikipedia
- [A tale of two viewports](https://www.quirksmode.org/mobile/viewports.html) (Quirksmode)
- Related glossary terms:
- {{Glossary("Viewport")}}
- {{Glossary("Visual viewport")}}