Chrome M40 对视口进行了一项细微的更改，但对用户来说应该会产生很大的影响。
移动浏览器刚问世时，由于缺少视口元标记，因此会让网页认为其屏幕可用空间约为 980 像素，并以此大小进行呈现。借助视口元标记，开发者可以定义宽度，最常见的是“device-width”，它会将屏幕尺寸设置为设备的尺寸。您可以参阅网站开发基础，了解详情。
Rick Byers 对虚拟视口的描述如下：虚拟视口的概念是将“视口”的概念拆分为两个部分：“布局视口”（固定位置项的附加位置）和“视觉视口”（用户实际看到的内容）。
超简单示例
网站 videojs.com 就是一个很好的示例，因为它的 appbar 固定在顶部，并且在 appbar 的左侧和右侧都有链接。
下图展示了如果您放大某个网站并尝试向左和向右平移，会看到什么。
顶部的设备搭载的是 Chrome M39，不支持虚拟视口；底部的 3 部设备搭载的是 Chrome M40，支持虚拟视口。
在 Chrome M39 中，您会在放大后看到应用栏，但向右滚动时无法查看该栏右侧的链接，您只能看到徽标。
与 Chrome M40（具有“虚拟视口”）相比，您会发现“视觉视口”会滚动“布局视口”中的所有内容，以便您查看右侧的链接。
Internet Explorer 已经具有此行为，而这些更改使我们更接近 Internet Explorer。
html
这项变更对开发者带来的唯一重大变化是：在 M39 中，您可以将 overflow: hidden 应用于 html 元素，并且页面仍会滚动；在 M40 中，系统不再支持此操作，页面将根本无法滚动。
更可靠的信息
您想了解更多信息吗？
那么，您可以查看下面的幻灯片。