jQuery width（）函数不会返回我的窗口的完整宽度

Question

我正在尝试获取窗口（浏览器）的完整大小，为1366px。 我使用jquery width（）函数来实现这一点。 但是它返回1349px而不是1366px。 因此，我的滑块看起来比应显示的少17px。 你们觉得我做错了什么？

var theWithObj = $('body').width();
console.log(theWithObj); //It returns 1349 but actual 100% size is 1366

谢谢！

Answer 1

尝试

$(window).width();

如果仍然不是1366，那么您可能错误地计算了该数字-如果您认为计算正确，而jQuery仍然错误，请告诉我们如何找到宽度为1366 ：）

Answer 2

使用$(window).width()将为您提供浏览器的宽度（带或不带滚动条）

如果仅使用$ ('body').width() ，则仅获得页面的宽度（因此浏览器的宽度减去滚动条的宽度。

alert($(window).width());
alert($('body').width());

小提琴

Answer 3

要解决此问题，请添加此规则css：

body {overflow:hidden;}