调整窗口大小时，无法在特定的div上调整大小

Question

我有一个包含主屏幕和版本弹出窗口的应用程序。 两者都是div ，弹出div的z-index更大，并且覆盖了整个屏幕：

<div id="my-main-screen">
  <!-- ... -->
</div>
<div id="my-popup" style="z-index: 1; width: 100%; height:100%; top:0px; left:0px">
  <!-- ... -->
</div>

我的问题如下：

• 在移动设备上，在弹出窗口中集中显示和隐藏文本字段会显示和隐藏虚拟键盘，从而触发window的resize事件。
• 调整大小还可以调整主屏幕div大小 ，这是无用且缓慢的，因为我的主屏幕相当复杂
• 结果是，我的弹出div中集中在文本字段上和外的内容感到缓慢且无响应。

我尝试隐藏主屏幕div。 它在弹出窗口中时起作用...但是当我关闭弹出窗口时，我必须使主屏幕再次可见，这和调整大小一样慢。

有没有一种方法可以只在主屏幕div上禁用大小调整而不隐藏它？

Answer 1

在黑暗中拍摄，但是您可以尝试在视口标签中将最大比例设置为1，以使文档在移动设备上无法缩放...

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