Javascript 有没有办法用jQuery检索浏览器窗口的像素宽度？

我希望能够根据屏幕大小使用javascript移动网页上的对象。是否有方法检索浏览器窗口的像素宽度？

警报（

）

警报（

）

不要。使用jQuery UI可拖动。

不要。使用jQuery UI Dragable。

这应该可以：

function getWindowWidth() {
        var windowWidth = 0;
        if (typeof(window.innerWidth) == 'number') {
            windowWidth = window.innerWidth;
        }
        else {
            if (document.documentElement && document.documentElement.clientWidth) {
                windowWidth = document.documentElement.clientWidth;
            }
            else {
                if (document.body && document.body.clientWidth) {
                    windowWidth = document.body.clientWidth;
                }
            }
        }
        return windowWidth;
    }

这应该起作用：

function getWindowWidth() {
        var windowWidth = 0;
        if (typeof(window.innerWidth) == 'number') {
            windowWidth = window.innerWidth;
        }
        else {
            if (document.documentElement && document.documentElement.clientWidth) {
                windowWidth = document.documentElement.clientWidth;
            }
            else {
                if (document.body && document.body.clientWidth) {
                    windowWidth = document.body.clientWidth;
                }
            }
        }
        return windowWidth;
    }

---

当然，获取窗口大小可能是做您想要做的事情所必需的，但是在许多情况下，最好使用简单的CSS来处理不同窗口大小的问题。您知道可以使用CSS属性

right

相对于右边缘放置对象吗

---

另一个有用的技巧是使用边距使div填充x像素以外的所有像素，这样可以使许多元素每个元素占用特定数量的空间，并使最后一个元素占用其余的空间。

当然，获取窗口大小可能是做您想做的事情所必需的，但在许多情况下，最好使用简单的CSS处理不同窗口大小的问题。您知道可以使用CSS属性

right

相对于右边缘放置对象吗

---

另一个有用的技巧是使用边距使div填充x像素以外的所有像素，这样可以使许多元素每个元素占用特定的空间量，并使最后一个元素占用其余的空间。

我认为OP不希望用户能够移动对象。是的，不，我不想要Dragables。我认为OP不希望用户能够移动对象。是的，不，我不想要Dragables。使用jQuery访问

窗口。innerWidth

似乎过度。是的，但他用jQuery标记了它。如果已经装好了我想没问题。。。我提交了一个纯JS版本以获得“真实”的innerwidth tho。@zzzzBov-jQuery可能效率低下，但

窗口。innerwidth

不是跨浏览器的。@zzzz是；标题和标签都暗示他在寻找jQuery的答案。@galambalazs哪个浏览器，修复方法是什么@Matt我对你的答案投了赞成票是有原因的。使用jQuery访问

窗口。innerWidth

似乎太过分了。是的，但他用jQuery标记了它。如果已经装好了我想没问题。。。我提交了一个纯JS版本以获得“真实”的innerwidth tho。@zzzzBov-jQuery可能效率低下，但

窗口。innerwidth

不是跨浏览器的。@zzzz是；标题和标签都暗示他在寻找jQuery的答案。@galambalazs哪个浏览器，修复方法是什么@马特：我对你的答案投了赞成票，这是有原因的。是的，我明白你的意思，但我正在努力使屏幕大小从10英寸到27英寸都看起来很好，而不需要固定页面宽度。你认为呢？你可能需要一些硬编码来实现这一点，但你可能会很好地利用工具箱中一些较轻的工具。虽然这些事情总是取决于工作，但基于您有限的描述，我建议使用CSS方法制作一些不同的布局，然后根据屏幕大小进行选择。是的，我理解您的说法，但我正在努力使屏幕大小从10英寸到27英寸都看起来不错没有使页面固定宽度。你认为呢？你可能需要一些硬编码来实现这一点，但你可能会很好地利用工具箱中一些较轻的工具。虽然这些事情总是取决于工作，但基于您有限的描述，我建议使用CSS方法制作一些不同的布局，然后根据屏幕大小进行选择。