jQuery（document）.width（），不包含“white space”

Question

考虑这两个功能：

1. jQuery(document).width()
2. jQuery(window).width()

（1）给出了网页的宽度，（2）粗略地给出了浏览器视口的宽度。

但是，假设我们有一个800像素宽的网页。

如果浏览器窗口宽度小于800像素，方法（1）始终返回800.这很好。

但是如果浏览器窗口宽度大于800像素，则方法（1）返回与（2）相同，而不是800.因此（1）的值取决于浏览器窗口。这不好。

我的问题是：鉴于您无法控制浏览器窗口大小，并且大多数情况下浏览器窗口宽度大于网页宽度，如何使用javascript / jquery获取真实的网页宽度？

Answer 1

AFAIK，浏览器添加滚动条，当它无法在当前窗口宽度中呈现某些块时。 所以，如果你有一个固定宽度的主要内容块（我建议你），你可以得到它的宽度 - 它将始终保持不变。

<div id="content">
<!-- Main block -->
</div>

CSS：

#content{
   width:800px;
   margin:0 auto;
}

JS：

$("#content").width()

Answer 2

不要真正得到问题，但有很多方法可以获得任何对象的宽度，这里是最常用的：

FIDDLE

尝试为该小提琴添加一些标记，并查看是否有任何标记可以获得您想要的内容。