javascript - 不包含“空白”的 jQuery(document).width()

Question

考虑这两个函数：

(1) 给出网页的宽度，(2) 给出浏览器视口的宽度，粗略地说。

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

如果浏览器窗口宽度小于 800 像素，方法 (1) 总是返回 800。这很好。

但是如果浏览器窗口宽度大于 800 像素，方法 (1) 将返回与 (2) 相同的值，而不是 800。因此 (1) 的值取决于浏览器窗口。情况不妙。

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

score 1 · Accepted Answer

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

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

CSS：

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

JS：

$("#content").width()

score 0 · Accepted Answer

Don't really get the question, but there are many ways of getting the width of any object, here are the most commonly used:

Try adding some markup to that fiddle, and see if any of them get what you're looking for.

2 回答 2