移动浏览器在虚拟 "window" 中呈现页面是什么意思

What does Mobile browsers render pages in a virtual "window" mean

我在 website 上阅读了以下内容:

Mobile browsers render pages in a virtual "window" (the viewport), usually wider than the screen, so they don't need to squeeze every page layout into a tiny window (which would break many non-mobile-optimized sites). Users can pan and zoom to see different areas of the page.

我没有太多经验,有人可以用其他术语解释一下吗?我不明白移动设备如何创建视口,然后让用户放大该视口。

这意味着使用 meta 标记时页面将适合手机屏幕,如下所示:

<meta name="viewport" content="width=device-width, initial-scale=1">

因此,页面不会像桌面视图那样显示 - 全部缩小 - 然后你必须放大(很多)才能阅读,你可以简单地滚动,因为内容将适合 mobile/tablet的屏幕。

您能否缩放取决于您在元标记视口上使用的属性。

如果 initial-scale=1

,此 maximum-scale=1 将允许您阻止缩放