我发现了一篇很好的文章,解释了视口的概念: https://www.quirksmode.org/mobile/viewports.html 但是我仍然有些困惑窗口大小和视口大小之间的区别, 窗口大小: 视口大小: 它们不是同一件事吗?
另一种表达Kateryna S.所提到的方式是,视口根据设备大小呈现不同的渲染效果。例如,假设您使用材料设计创建了一个响应式Web应用程序,通过网格系统在桌面浏览器和移动设备上看起来不同。移动设备具有更小的视口,将使用较小的网格呈现站点。例如,如果您查看材料设计并调整浏览器大小,您将看到它在不同视口上的外观。如果将浏览器调整为模仿基本上在移动设备上看到的最小尺寸,则会呈现相应的效果。 https://material.io/design/components/cards.html#usage 窗口只是您的浏览器视图,与其他设备无关。