窗口大小调整时禁用调整大小特定格

我有一个应用程序，其中包含一个主屏幕和一个编辑弹出窗口。两者都是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觉得慢和irresponsive。

我试图隐藏主屏幕div。它在弹出菜单中工作...但是当关闭弹出窗口时，我必须再次使主屏幕可见，并且这与调整大小一样慢。

有没有办法在主屏幕上禁用调整大小div，而不隐藏它？

来源

2015-11-05 yannick1976

我还没有尝试过这个自己，但我认为你应该尝试他们在这个线程中描述的内容：http://stackoverflow.com/questions/2989263/disable-auto-zoom-in-input-text-tag-safari-on-iphone – Kamelkent

@Kamelkent这个问题你'指的是关于自动缩放。我正在调整窗口的大小，为虚拟键盘腾出空间。 – yannick1976

瞎猜，但你可以尝试最大规模视口的标签设置为1，让文档不移动设备上的规模......

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

来源

2015-11-05 13:39:29 markoffden

弹出*具有*可调整大小。 – yannick1976

窗口大小调整时禁用调整大小特定格

回答

相关问题