Javascript Media Query无法正常工作

Question

好吧所以这段代码确实有效（运行字段需要javascript）但我希望它只能在移动设备上运行，所以我试图添加一个媒体查询，只运行javascript，如果它在移动设备上（低于400px）。不确定我是否错过了一些愚蠢的事情或者我完全错了。

home

Answer 1

参考here

// media query event handler

if (matchMedia) {
    var mq = window.matchMedia("(min-width: 500px)");
    mq.addListener(WidthChange);
    WidthChange(mq);
}

// media query change
function WidthChange(mq) {

    if (mq.matches) {
        // window width is at least 500px
    }
    else {
        // window width is less than 500px
    }

}