Firefox против Chrome window.matchmedia javascript

Question

Я столкнулся с проблемой при тестировании моего сайта в разных браузерах. Firefox, кажется, ведет себя иначе при проверке размера экрана из функции window.matchmedia.

Я создал массив с разными размерами экрана, и firefox, похоже, замечает изменение при уменьшении размера окна браузера, но не при увеличении масштаба? Chrome и Safari ведут себя как ожидалось.

var query = [
    window.matchMedia("(max-width: 601px)"),
    window.matchMedia("(max-width: 801px)")
];

function screenCheck(){
    if(query[0].matches){
        console.log("0");
        imgscreen = 3;
        imggrow = 0;
    } else if (query[1].matches){
        console.log("1");
        imgscreen = 5;
        imggrow = 0;
    } else {
        console.log("2");
        imgscreen = 7;
        imggrow = 0;
    }
    postCreate();
}

for(let i = 0; i < query.length; i++){
    query[i].addListener(screenCheck)
}

screencheck();