html - 视觉视口(viewport)和布局视口(viewport)之间的区别？

Question

iPhone/iPad 等移动设备的视觉视口(viewport)和布局视口(viewport)有什么区别？

网上查了很多资料，还是不清楚。

Answer 1

视觉视口(viewport)是当前显示在屏幕上的页面部分。

布局视口(viewport)可以比视觉视口(viewport)宽得多，并且包含出现和不出现在屏幕上的元素。

将布局视口(viewport)想象成一个不会改变大小或形状的大图像。现在想象你有一个较小的框架，通过它你可以看到大图像。小框架被不透明的 Material 包围，除了大图像的一部分之外，您只能看到一部分。您可以透过框架看到的大图像部分是视觉视口(viewport)。您可以在按住框架的同时从大图像后退(缩小)以立即查看整个图像，或者您可以靠近(放大)以仅查看一部分。您还可以更改框架的方向，但大图像(布局视口(viewport))的大小和形状永远不会改变。

有关此问题的详细处理，请参阅:http://www.quirksmode.org/mobile/viewports2.html