如何在缩放后更改视口元素时正确显示页面？

Question

我们正在创建一个移动应用程序（在GWT中），它将在页面上显示为叠加层。页面本身包含我们无法控制的内容，并且没有视口元标记。页面上的内容未针对移动视图进行优化，但我们在叠加层中的应用程序将会优化。因此页面可能会被缩放，但对于我们的应用程序，视口需要更改才能完全显示。

要优化显示并使应用程序全屏显示，在应用程序启动阶段，视口元标记将更改/添加以下内容
width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=yes
除非用户首先缩放页面（进入或退出），否则这种方法非常有效。当用户第一次缩放（在这种情况下缩小）时，视口会更改，但视口不会缩放回浏览器视口。

为了说明这个问题，我创建了一个屏幕录制： 首先我缩小，但由于整个页面已经可见，它会跳回来。然后我单击按钮，1秒后，添加视口元标记。现在显示浏览器背景 View

如果在单击按钮之前没有缩放，它可以正常工作。

我尝试调用resize，推迟视口元标记，更改视口标记的内容。到目前为止没有任何帮助。

旋转设备或完成用户缩放操作后，内容将与浏览器视口匹配。

我为它创建了一些示例代码（GWT / Java）：
GWT example code

Answer 1

据我所知（以及在构建http://www.m-gwt.com/时构建了大量有关此内容的知识），不支持动态更改视口。我玩弄它（大约两年前），我无法按预期工作。

也许这在平均时间发生了变化....