Javascript自动屏幕大小测试

Javascript Auto screen size testing

本文关键字：测试 屏幕 Javascript      更新时间：2023-09-26

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测试屏幕大小的任何变化。有什么想法吗？

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

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

希望这能有所帮助！

编辑：

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

相关文章：