javascript - 如何使用JavaScript检查视口(viewport)是否小于特定宽度？

我想要一个简单的语句将变量bool设置为false或true。当视口(viewport)小于768px时，isMobile应该设置为true，并且在此数量以上时，应该将其设置为false。

我不知道为什么下面的代码什么都不做。控制台日志中也没有错误。

var w = $(window).width();
var isMobile = false;

function resizer() {
    if (w < 768) {
        console.log("resize");
        isMobile = true;
    } else {
        isMobile = false;
    }
}

$(window).resize(function() {
    resizer();
});

最佳答案

因为您不必在每次调整大小时都测量宽度。尝试这种方式:

var isMobile = false;

function resizer() {
    var w = $(window).width();
    if (w < 768) {
        console.log("resize");
        isMobile = true;
    } else {
        isMobile = false;
    }
}

$(window).on('load resize', function(){
    resizer();
});

关于javascript - 如何使用JavaScript检查视口(viewport)是否小于特定宽度？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/31248568/