Question

我正在尝试按宽度或高度检查窗口大小。如果我使用＆＃39;＆amp;＆amp;＆＃39;它只会检查宽度和高度是否都很低。如何更改，以便如果宽度高于1280，但高度低于720，它将显示消息，反之亦然？

var width = $(document).width(), height = $(document).height();

    if ((width < 1280) || (height < 720)) { // display message if screen resolution is too low

        // display message

    };

Answer 1

使用window代替document;
使用innerHeight/innerWidth代替height/width

var width = $(window).innerWidth(), height = $(window).innerHeight();

    if ((width > 1280) && (height < 720)) { // display message if screen resolution is too low

        // display message

    };

Answer 2

如果宽度高于1280，但高度低于720

您将需要：

 if ((width > 1280) && (height < 720)) { // display message if screen resolution is too low

    // display message

};

Answer 3

你是什么意思

反之亦然？

这个问题不是关于jQuery甚至是JavaScript。它是关于在程序编程语言中使用if语句的。

if(width > 1280 && height < 720)
{
    alert("big difference between width and height");
}
else if (width < 720 && height > 1280)
{
    alert("now this time and height is bigger!");
}

当然，如果你在两个地方做同样的事情，你可以合并这两个条件。

if((width > 1280 && height < 720) || (width < 720 && height > 1280))
{
    alert("big difference between width and height");
}

检查窗口宽度或高度

3 个答案: