aboutsummaryrefslogtreecommitdiff
path: root/files/pt-br/glossario/viewport/index.html
diff options
context:
space:
mode:
Diffstat (limited to 'files/pt-br/glossario/viewport/index.html')
-rw-r--r--files/pt-br/glossario/viewport/index.html32
1 files changed, 32 insertions, 0 deletions
diff --git a/files/pt-br/glossario/viewport/index.html b/files/pt-br/glossario/viewport/index.html
new file mode 100644
index 0000000000..b8a740ac92
--- /dev/null
+++ b/files/pt-br/glossario/viewport/index.html
@@ -0,0 +1,32 @@
+---
+title: Viewport
+slug: Glossario/Viewport
+tags:
+ - Glossário
+ - Tradução
+ - pt-br
+ - viewport
+translation_of: Glossary/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>