功能障碍条件评估页面宽度

Dysfunctional conditional evaluating page width

本文关键字：评估 条件 功能      更新时间：2023-09-26

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

 var page_width = window.screen.availWidth;
    if ((930 < page_width) || (page_width <= 1100)) {
        // code...
    }

我的问题是，条件不起作用，并且不管页面宽度如何都会应用代码。当我单独调用变量时，它会给我一个合适的值，所以我想问题出在条件中。有人能解释一下吗？（我是Javascript的新手！）

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

我想你指的是&&而不是||。

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

$(window).width()

或者，根据你正在做的事情，你可能想看看CSS媒体查询。

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

相关文章：