获取浏览器窗口宽度,包括滚动条
我尝试用$(window).width();
获取浏览器窗口宽度$(window).width();
。 在IE 10上,它确实返回完整的浏览器宽度,包括滚动条。 但是,在Firefox和Chrome上,两者都返回值而没有滚动条。
如何将滚动条一起包含在浏览器宽度中? 因为我需要检测到的宽度与CSS完全相同。
谢谢。
这将获得完整Window的宽度:
window.outerWidth
注意: jQuery的outerWidth()
不适用于$(window)
第一个答案很接近,但经过进一步检查,它有点复杂。 body.clientWidth
是不包括滚动条的宽度。 window.outerWidth
是包含滚动条和窗口边框等其他窗口元素的宽度。 window.innerWidth
是窗口的实际宽度,包括滚动条,但不包括窗口边框。
当响应式设计需要时, window.innerWidth
似乎是正确的答案