調整窗口大小時，無法在特定的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">