javascript - 停止在移动设备上加载 javascript

Question

我有一个响应页面。在此页面上，我有一个在弹出窗口/模式中打开的按钮。我给这个按钮一个带有工作链接的href作为后备。在移动设备上，我希望禁用弹出窗口并在新窗口中打开链接。

到目前为止，我的 javascript 代码是...

var mq = window.matchMedia( "(min-width: 480px)" );

if (mq.matches) {

 function Modal(){

    //Code inside modal
}

}
else {
    function Modal(){
        exit();
    }   
}

现在使用此代码，这确实可以在移动设备上运行，并在新窗口中打开链接，但是由于某种原因，主屏幕也可以这样做（主屏幕是指宽度大于 480 像素的窗口）。

这不应该发生在主屏幕上，只会发生在移动屏幕上。exit()我应该使用正确的命令吗？

我看不出我做错了什么。

Answer 1

尝试使用 (min-width:481px) 代替。任何 > 480 的东西都应该有匹配，而任何 480 或更少的东西都不会。

min-width 使用 >= 匹配，其中包括移动屏幕的宽度 =480px。