Jquery matchMedia最大宽度不工作

我有一个脚本，当达到479px的最大宽度时，绘制线的高度和宽度都会减小。但是，我不能让它正常工作。现在，脚本甚至没有运行。这是剧本。我添加的函数是

if（window.matchMedia（“（最大宽度：479px）”）.matches）

---

window.matchMedia

在哪里定义？当

window.matchMedia

时，脚本的第一部分不应该运行，而应该运行

else

之后的内容吗？应该这样写吗？

window.matchMedia

在哪里定义？当

window.matchMedia

时，脚本的第一部分不应该运行，而应该运行

else

之后的内容吗？应该这样写吗？

    $(window).load(function() {

        if (window.matchMedia('(max-width: 479px)').matches)
{


  setTimeout(function() {
    TweenLite.defaultEase = Linear.easeNone;

    //show the square only once js has run
    //visibility set to hidden in css panel
    TweenLite.set(".square", {
        visibility: "visible"
    });

    var tl = new TimelineLite();
    tl.fromTo(".l1", 2, {
            height: 0
        }, {
            height: 22
        })
        .fromTo(".l2", 3, {
            width: 0,

        }, {
            width:44

        })
        .fromTo(".l3", 2, {
            height: 0
        }, {
            height: 22
        })
        .fromTo(".l4", 3, {
            width: 0
        }, {
            width: 44
        })


    tl.timeScale(4) //play faster
 }, 600);
 });


} else {


setTimeout(function() {
    TweenLite.defaultEase = Linear.easeNone;

    //show the square only once js has run
    //visibility set to hidden in css panel
    TweenLite.set(".square", {
        visibility: "visible"
    });

    var tl = new TimelineLite();
    tl.fromTo(".l1", 2, {
            height: 0
        }, {
            height: 227
        })
        .fromTo(".l2", 3, {
            width: 0,

        }, {
            width:445

        })
        .fromTo(".l3", 2, {
            height: 0
        }, {
            height: 227
        })
        .fromTo(".l4", 3, {
            width: 0
        }, {
            width: 445
        })


    tl.timeScale(4) //play faster
}, 600);
});