2013-01-08 81 views
0

我有一個響應式頁面。在這個頁面上,我有一個按鈕,以彈出窗口/模式打開。我給這個按鈕提供了一個帶有工作鏈接的href作爲後備。在移動設備上,我希望禁用彈出窗口並在新窗口中打開鏈接。在手機上停止javascript加載

釷javascript代碼我迄今...

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

if (mq.matches) { 

function Modal(){ 

    //Code inside modal 
} 

} 
else { 
    function Modal(){ 
     exit(); 
    } 
} 
與此代碼

現在,這確實對移動辦公,並打開新窗口中的鏈接,但出於某種原因,主屏幕上還這樣做(主屏幕,我的意思是寬度大於480像素的窗戶)。

這不應該發生在主屏幕上,只有手機屏幕上。 exit()是我應該使用的正確命令嗎?

我看不到我做錯了什麼。

回答

0

嘗試使用(min-width:481px)代替。任何> 480應該有匹配,而480或更少的東西不會。

使用> =的最小寬度匹配,其中包括手機屏幕的寬度= 480px。