Javascript Media Query无法正常工作

时间:2015-10-10 01:14:36

标签: javascript html

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

home

1 个答案:

答案 0 :(得分:0)

参考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
    }

}