窗口大小和视口大小有什么区别？

Question

3

我发现了一篇很好的文章，解释了视口的概念： https://www.quirksmode.org/mobile/viewports.html 但是我仍然有些困惑窗口大小和视口大小之间的区别， 窗口大小：

视口大小：

它们不是同一件事吗？

- user9623401

1

可能是Viewport vs Window Vs Document的重复问题。 - Obsidian Age

2个回答

0

另一种表达Kateryna S.所提到的方式是，视口根据设备大小呈现不同的渲染效果。例如，假设您使用材料设计创建了一个响应式Web应用程序，通过网格系统在桌面浏览器和移动设备上看起来不同。移动设备具有更小的视口，将使用较小的网格呈现站点。

例如，如果您查看材料设计并调整浏览器大小，您将看到它在不同视口上的外观。如果将浏览器调整为模仿基本上在移动设备上看到的最小尺寸，则会呈现相应的效果。

窗口只是您的浏览器视图，与其他设备无关。

- Q-Master

所以视口和屏幕尺寸是一样的吗？ - user9623401

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Kateryna S · Accepted Answer

视口是您设备上可见的区域。窗口是您的浏览器窗口。窗口可以与视口一样大或更小。