Javascript自动屏幕尺寸测试

Question

Hy aLL， 我使用了一个javascript代码，当选择一个链接时，图像会慢慢弹出并慢慢使背景变黑。 在ipad上按下时，并非所有背景都会变黑！在CSS中，我已经把背景占据了100％的屏幕， 这是我的代码： CSS的一部分：

  #backgroundPopup{  
  display:none;  
  position:fixed;  
  _position:absolute; /* hack for internet explorer 6*/  
  width:100%;  
  height:100%;  
  top:0;  
  left:0;  
  background:#000000;  
  border:1px solid #cecece;  
  z-index:5;  
  }

当我使用我的调试器时，我会在第一次浏览器启动时自动检测到屏幕尺寸，但在Ipad的情况下，有时我会缩小或改变方向，然后会显示一些烦人的白色！ 所以我需要一种方法来保持javascript测试屏幕大小任何变化。有什么想法吗？

Answer 1

有时使用宽度和高度的百分比可能会很棘手。在您的情况下，您可以尝试将宽度和高度设置为与高度和宽度的100％对应的数字（通过Javascript / jQuery），以避免使用百分比。

希望这有帮助！

修改：

使用this script：您可以获得浏览器窗口的大小（不是屏幕分辨率，只有有用的大小）。我想这就是你想要的。有了这些信息，您可以通过javascript设置背景弹出窗口的高度和宽度。

Answer 2

当视口大小更改时，window.onresize事件将触发。挂钩事件并相应调整黑色元素的大小。