Javascript自动屏幕大小测试

何乐而不为， 我使用了一个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测试屏幕大小。有什么想法吗？

有时用百分比表示宽度和高度可能会很棘手。在您的例子中，您可以尝试将宽度和高度设置为100%高度和宽度对应的像素数（通过Javascript/jQuery），以避免使用百分比

希望这有帮助

编辑：

---

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

当视口大小更改时，将触发

窗口。onresize

事件。钩住事件并相应调整黑色元素的大小。

我看到了一个链接，决定重新讨论这个问题，尽管我想您已经解决了这个问题。使用此脚本：。您可以获得浏览器窗口的大小（不是屏幕分辨率，只有有用的大小）。我想这就是你想要的。有了这些信息，您可以通过javascript设置背景弹出窗口的高度和宽度。你好，罗曼。