javascript - 功能失调的条件评估页面宽度

Question

我正在尝试根据页面的宽度编写代码。为此，我使用“ window.screen.availWidth ”，然后是一个条件，如下所示：

 var page_width = window.screen.availWidth;

    if ((930 < page_width) || (page_width <= 1100)) {
        // code...
    }

我的问题是条件不起作用，并且无论页面宽度如何都应用代码。当我单独调用变量时，它给了我正确的值，所以我想问题出在条件的某个地方。任何人都可以对此有所了解吗？（我是 Javascript 新手！）

score 3 · Accepted Answer

这是因为如果第一部分为假（即页面宽度小于 930），那么第二部分必须为真。

我想你的意思是&&而不是||.

score 2 · Accepted Answer

screen.availWidth返回用户屏幕的宽度而不是页面的宽度。您可能希望使用 jQuery 计算浏览器窗口的宽度，如下所示：

$(window).width()

或者，根据您的工作，您可能想看看CSS 媒体查询。

score 0 · Accepted Answer

这是一个和/或问题。“如果 page_width 大于 930 或页面宽度小于等于 1100”。如果 page_width 在该范围内，我假设您希望它是这样，所以只需将 or 更改为 and，我认为它应该可以正常工作。

3 回答 3