Javascript 自动屏幕尺寸测试

Question

你们好， 我使用了一个 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

当视口(viewport)大小改变时，window.onresize 事件会触发。 Hook 事件并相应地调整黑色元素的大小。