---
title: Viewport
slug: Glossary/Viewport
tags:
  - Glossário
  - Tradução
  - pt-br
  - viewport
translation_of: Glossary/Viewport
original_slug: Glossario/Viewport
---
<p>Uma viewport representa uma área poligonal (normalmente retangular) que está sendo exibida no momento. Em termos de navegador web, se refere a parte do documento que é exibida na janela (ou tela, se o documento estiver exibido em modo tela-cheia). Conteúdos fora da viewport não são visíveis na janela/tela até que seja rolado para sua área de visualização.</p>

<p>A porção da viewport que está visível no momento é chamada de <strong>visual viewport</strong> . Esta pode ser menor que a viewport de layout, assim é quando o usuário efetua uma pinçada/zoom. O <strong> viewport</strong> <strong>de</strong> <strong>layout</strong> permanece o mesmo, mas a visual viewport se torna menor.</p>

<section id="Quick_links">
<ol>
 <li>Conhecimentos gerais
  <ol>
   <li>{{Interwiki("wikipedia", "Viewport")}} na Wikipedia (em inglês)</li>
   <li><a href="https://pt.stackoverflow.com/questions/272210/o-que-%C3%A9-view-port">O que é viewport ?</a> em Stackoverflow (em português)</li>
   <li><a href="https://andylangton.co.uk/blog/development/get-viewportwindow-size-width-and-height-javascript">Como obter a largura e altura da viewport com Javascript</a> (em inglês)</li>
   <li><a href="https://www.quirksmode.org/mobile/viewports.html">O conto de duas viewports</a> (Quirksmode - em inglês)</li>
   <li><a href="/en-US/docs/Web/API/Visual_Viewport_API">VisualViewport API</a></li>
  </ol>
 </li>
 <li><a href="/en-US/docs/Glossary">MDN Web Docs Glossary</a>
  <ol>
   <li>{{Glossary("Visual Viewport")}}</li>
  </ol>
 </li>
</ol>
</section>