window.matchMedia 3个时间间隔

时间:2017-04-28 08:12:18

标签: javascript matchmedia

我需要在javascript中使用matchMedia的web 3间隔。我试着用这个:

if (matchMedia) {
var m1 = window.matchMedia("(max-width:640px)");
var m2 = window.matchMedia("(max-width:1024)");
m1.addListener(WidthChange);
m2.addListener(WidthChange);
WidthChange(m1,m2);
                }

                function WidthChange(m1,m2) {

                      if(m1.matches) {
                        console.log('ok1')
                      }else if(m2.matches){
                        console.log('ok2')
                      }else{
                        console.log('ok3')
                      }

它不起作用。我该如何修改它? 谢谢你的帮助!

1 个答案:

答案 0 :(得分:0)

我认为你只是错过了“px”:

ti build --p android --T dist-playstore --key my/key/path.keystore

此外,您不希望将var m2 = window.matchMedia("(max-width:1024)"); m1声明为m2的参数,因为这会覆盖WidthChangem1变量你在上面宣布。 m2的参数实际上是WidthChange,您在回调中没有使用它。所以只需声明如下:

MediaQueryListEvent