调整窗口大小时禁用特定div的大小调整

时间:2015-11-05 13:29:42

标签: javascript html css

我有一个包含主屏幕和版本弹出窗口的应用程序。两者都是div s,弹出窗口div的{​​{1}}更大,覆盖整个屏幕:

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> 的{​​{1}}事件。
  • 调整大小也会调整主屏幕window 的大小,这是无用且缓慢的,因为我的主屏幕相当复杂
  • 结果是我的弹出窗口resize中的文本字段内外聚焦感觉缓慢而且反应迟钝。

我试图隐藏主屏div。它在弹出窗口中有效...但是当我关闭弹出窗口时,我必须再次显示主屏幕,这和调整大小一样慢。

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

1 个答案:

答案 0 :(得分:0)

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

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