视觉和布局视口以及文档

Question

我一直在阅读quirksmode.org关于视口的文章和Peter Koch撰写的“网络和移动手册”一书，我有一些问题。这是我理解视口世界的方式：

我们有视觉和布局视口。它们等于浏览器窗口的宽度和高度。实际上，html元素被限制在浏览器窗口中。但是如果我们给出的宽度大于浏览器窗口呢？我现在怀疑我们的文档也与视口不同。文档将具有现在给定的宽度，并且布局和视觉视口保持不变。在移动设备和桌面设备上也是如此，除了在移动设备上，视觉和布局视口可能不同。

我不知道我是否理解这一点。有人可以向我澄清这个吗？

Answer 1

来自https://www.quirksmode.org/mobile/viewports2.html：

  

直观视口是页面中当前显示在屏幕上的部分。用户可以滚动以更改他看到的页面部分，或者缩放以更改可视视口的大小。

如果您完全缩小，则整个页面布局会显示在屏幕上。可视视口和布局视口是相同的。

如果放大，部分页面布局将显示在屏幕外。布局视口大于可视视口。如果布局宽度大于屏幕宽度，则会发生同样的情况，如示例所示。

请看上面引用的文章中的这个插图：