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

Question

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

 var page_width = window.screen.availWidth;

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

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

Answer 1

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

我认为您的意思是&&而不是||。

Answer 2

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

$(window).width()

或者，根据您的工作情况，您可能需要查看CSS media queries。

Answer 3

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