Javascript自动屏幕尺寸测试

Hy aLL，我已经使用了一个JavaScript代码，当选择一个链接时，图像将缓慢弹出并缓慢黑化背景。在iPad上按下时，并非所有背景都会变黑！当在CSS，我已经把那个背景将屏幕的100％，这里是我的代码：的CSS的一部分：Javascript自动屏幕尺寸测试

#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测试屏幕尺寸的任何变化。有任何想法吗？

来源

2012-03-19 ELias Rahme

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

希望这会有所帮助！

编辑：

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

来源

2012-03-19 13:11:58

其实它没有工作......：S还有什么想法？ – 2012-03-19 13:44:46

我看到一个链接，并决定重新审视这个问题，但我想你已经解决了这个问题。用这个脚本：http://andylangton.co.uk/articles/javascript/get-viewport-size-javascript/。您可以获得浏览器窗口的大小（不是屏幕分辨率，只有实际大小）。我认为这是你想要的。有了这些信息，你可以通过javascript设置你的背景弹出窗口的高度和宽度。问候，罗梅恩。 – 2012-10-23 06:35:17

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

来源

2012-03-19 14:21:51 Snuffleupagus

Javascript自动屏幕尺寸测试

回答

相关问题