2011-06-06 44 views
1

我正在開發一個網站,我的網頁包含許多產品。在點擊產品時,我必須在彈出窗口中顯示該產品的詳細信息。要將彈出窗口設置爲完整窗口,我希望獲得客戶端系統分辨率,以便根據分辨率以全屏方式顯示彈出窗口。 任何人都可以幫助我排序一種方法來解決這個問題,通過使用JavaScript或任何其他方法。如何使用JavaScript獲取客戶端系統的屏幕分辨率

在此先感謝...

+0

你不能總是彈出覆蓋整個屏幕。考慮Windows的任務欄和Mac OS X的菜單欄。不同的Linux發行版甚至可能有更瘋狂的保留區域。 – icktoofay 2011-06-06 07:05:13

回答

2

使用JavaScript獲取客戶端的窗口尺寸:

 var windowWidth = document.documentElement.clientWidth; 
    var windowHeight = document.documentElement.clientHeight; 
+0

這會讓你看到*窗口*的大小。 OP需要*屏幕*的大小。 – 2011-06-06 07:04:08

+0

@約翰平坦,哦!我懂了。你是對的。他可能只是指*內部瀏覽器窗口屏幕*。 – LouwHopley 2011-06-06 07:05:08

+0

這將返回視口的尺寸,而不是屏幕的尺寸。 – Bazzz 2011-06-06 07:07:59

0

JavaScript的變量screen.widthscreen.height工作在大多數瀏覽器不夠好。

然而,您必須從標題欄的高度減去幾個像素,而不是。