视口概念学习

学习了了视口(viewport)的概念，对 visual viewport 和 布局视口进行区分，了解了 viewport 的意义是什么，以及它对 CSS和移动设备方面的影响。
视口代表当前可见的计算机图形区域。在 Web 浏览器术语中，通常与浏览器窗口相同，但不包括浏览器的 UI，即指正在浏览的文档的那一部分。

文档，比如这篇文章，可能会非常长。 viewport 就是你现在所能见到的所有事物。值得注意的是“什么是视口区域”这个问题，页面中的一些导航菜单也包括在其中。Viewport 的大小取决于屏幕的大小，无论浏览器是否处于全屏模式，是否被用户缩放了。Viewport 外的区域，比如这个文档的其他 部分，可能需要滚动到其所在的区域才会出现在屏幕上。

在尺寸较大的设备中，在这些设备上，应用显示区域不一定是全屏的，viewport 是浏览器窗口的大小。
在大多数移动设备中，浏览器是全屏的，viewport 是整个屏幕的大小。
在全屏模式下，viewport 是设备屏幕的范围，窗口是浏览器窗口，浏览器窗口大小小于或等于视口的大小，并且文档是这个网站，文档的大小可比 viewport 长或宽。
概括地说，viewport 基本上是当前文档的可见部分。