代码之家  ›  专栏  ›  技术社区  ›  Shadow43375

当前可见的视口部分是否有官方术语?

  •  2
  • Shadow43375  · 技术社区  · 6 年前

    我最近突然想到,可能有一个技术术语将视图端口(在web上下文中定义为“浏览器中实际显示网页的区域”)与当前可见的视图端口部分区分开来。如果你想谈论屏幕上当前在zoom上可见的部分,这将非常有用。有人知道有没有这样一个词吗?

    enter image description here

    2 回复  |  直到 6 年前
        1
  •  3
  •   Shadow43375    6 年前

    事实证明,术语“视口”是不明确的,可以指两个不同的概念之一——“布局视口”和“视觉视口”。有关这一重要差异的概述,请参见: https://developers.google.com/web/updates/2017/09/visual-viewport-api 以及下面的答案 Difference between visual viewport and layout viewport? .

    为了缩短短篇小说的篇幅,视口本质上是100%缩放时屏幕的高度和宽度。视觉视口是布局中用户当前可见的部分。总体布局通常比这个小。在这张图中,我最初发布的内容是,你可能会想象一个较小的正方形/长方形,位于标记为“视口”的区域内这个较小的矩形将是视觉视口,标记为“视口”的部分从技术上讲将是“布局视口”。

        2
  •  1
  •   The Lyrist    6 年前

    如果您指的是不需要滚动就能看到的部分,通常称为 Above the fold