2013-10-25 99 views
11

我試圖使用$(window).width();獲取瀏覽器窗口寬度。在IE 10上,它會返回完整的瀏覽器寬度,幷包含滾動條。但是,在Firefox和Chrome上,兩者都會返回沒有滾動條的值。獲取瀏覽器窗口寬度,包括滾動條

我怎樣才能得到瀏覽器寬度與滾動條一起包括?因爲我需要檢測到的寬度與CSS完全相同。

謝謝。

+0

怎麼樣的$(document).WIDTH(); –

+0

'我需要檢測到的寬度與CSS完全相同。我們在談論哪個CSS屬性? – Adassko

+0

我不知道什麼CSS屬性。但它是Bootstrap響應式CSS。 – user1995781

回答

16

這將讓整個窗口的寬度:

注意
window.outerWidth 

jQuery的outerWidth()不能在$工作(窗口)

+0

謝謝。但它仍然是一樣的。如何檢測滾動條寬度? – user1995781

+0

對不起,我不得不再次編輯...我是愚蠢的想到這個第一。 – infidel

+0

它和以前一樣。 – user1995781

25

第一個答案是接近,但經過進一步檢查它有點複雜。 body.clientWidth是排除滾動條的寬度。 window.outerWidth是包含滾動條和窗口邊框等其他窗口元素的寬度。 window.innerWidth是窗口的實際寬度,包括滾動條,但不包括窗口邊框。

enter image description here

+0

這應該是正確的標記答案,甚至三年後。 – runfaj

5

window.innerWidth似乎需要響應式設計的時候是正確的答案

+0

正是我所需要的。根據OP在問題中的評論,這應該是被接受的答案。 – Gogol