我们正在创建一个移动应用程序（在 GWT 中），它将在页面上显示为叠加层。页面本身包含我们无法控制的内容，并且没有 viewport 元标记。页面上的内容没有针对移动视图进行优化，但我们在叠加层中的应用程序会。所以页面很可能会被缩放，但是对于我们的应用程序来说，需要更改视口才能完全显示。
为了优化显示并使应用程序显示为全屏，在应用程序启动阶段，视口元标记被更改/添加以下内容
width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=yes
这非常有效，除非用户首先放大或缩小页面。当用户第一次放大（在本例中为缩小）时，视口会发生变化，但视口不会缩小到浏览器视口。
为了说明这个问题，我创建了一个屏幕录制：首先我缩小，但由于整个页面已经可见，它会跳回来。然后我单击按钮，1 秒后，添加了视口元标记。现在显示浏览器背景。
看法
当我在单击按钮之前不缩放时，它可以正常工作。
我试过调用调整大小，推迟视口元标记，更改视口标记的内容。到目前为止没有任何帮助。
当设备旋转或用户缩放操作完成时，内容将与浏览器视口匹配。
我为它创建了一些示例代码（GWT/Java）：
GWT 示例代码