blob: 0d7ffbc9e88ee291d23c3c7a93577ebdd68ba21d (
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
26
27
28
29
30
31
32
33
|
---
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 class="Quick_links" 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>
|
