butterfly/kb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
30735fdca8
kb/data/developer.mozilla.org/en-US/docs/Glossary/Viewport-0.md

11 KiB
Raw Blame History

title chunk source category tags date_saved instance
Viewport - Glossary | MDN 1/3 https://developer.mozilla.org/en-US/docs/Glossary/Viewport reference web, html, css, javascript, documentation 2026-05-05T05:48:32.118404+00:00 kb-cron

MDN HTML HTML: Markup language

HTML reference

HTML guides

Markup languages

CSS CSS: Styling language

CSS reference

CSS guides

Layout cookbook

JavaScriptJS JavaScript: Scripting language

JS reference

JS guides

Web APIs Web APIs: Programming interfaces

Web API reference

Web API guides

All All web technology

Technologies

Topics

Learn Learn web development

Frontend developer course

Learn HTML

Learn CSS

Learn JavaScript

Tools Discover our tools

About Get to know MDN better

Blog

  1. Glossary
  2. Viewport

Viewport

In computer graphics, a viewport represents a polygonal (normally rectangular) area that is currently being viewed. In web browser terms, it refers to the part of the document being viewed in the browser window (or on-screen, if the document is being viewed on a mobile browser or a desktop browser in full-screen mode). Content outside the viewport is not visible onscreen until scrolled into view. The portion of the viewport that is currently visible is called the visual viewport. This can be smaller than the layout viewport, such as when the user has pinched-zoomed. The layout viewport remains the same, but the visual viewport became smaller. The visual viewport of an <iframe>, <svg>, or <object> element is the size of the inner width and height of the respective element, rather than the parent document. For content rendered inside the element, the visual viewport and layout viewport are the same.

In this article

See also