0

レスポンシブページがあります。このページには、ポップアップ ウィンドウ/モーダルで開くボタンがあります。このボタンには、フォールバックとして機能するリンクを含む href を指定しました。モバイルでは、ポップアップを無効にしてリンクを新しいウィンドウで開きたいと思います。

私がこれまでに持っているJavaScriptコードは...

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

if (mq.matches) {

 function Modal(){

    //Code inside modal
}

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

このコードを使用すると、モバイルで機能し、新しいウィンドウでリンクが開きますが、何らかの理由でメイン画面でもこれが行われます (メイン画面とは、幅が 480px を超えるウィンドウを意味します)。

これはメイン画面では発生せず、モバイル画面のみで発生します。exit()使用すべき正しいコマンドはありますか?

私は自分が間違っていることを見ることができません。

4

1 に答える 1

0

代わりに (min-width:481px) を使用してみてください。480 を超えるものは一致するはずですが、480 以下のものは一致しません。

min-width は >= を使用して一致します。これには、モバイル画面の幅 =480px が含まれます。

于 2013-01-08T17:35:55.890 に答える