停止在手机上加载javascript

Question

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

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

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

if (mq.matches) {

 function Modal(){

    //Code inside modal
}

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

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

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

我看不出我做错了什么。

Answer 1

尝试使用（min-width：481px）代替。什么＆gt; 480应该有匹配，而480或更少不会。

使用＆gt; =进行最小宽度匹配，其中包括移动设备屏幕的宽度= 480px。