2013-10-25 65 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