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自動屏幕尺寸測試

回答

相關問題