0

jQuery でメディアクエリを試していますが、正しく動作しません。

    if ((screen.width>=20) || (screen.width<300)){
        width="190"; //Adjust the width of the image
        height="170"; //Adjust the height of the image
    }
    if ((screen.width>=300) || (screen.width<350)){
        width="240"; height="200";
    }
    if ((screen.width>=351) || (screen.width<400)){
        width="280"; height="220";
    }
    if ((screen.width>=401) || (screen.width<599)){
        width="320"; height="240";
    }
    if ((screen.width>=600) || (screen.width<757)){
        width="440";  height="320";
    }
    if ((screen.width>=758) || (screen.width<899)){
        width="320"; height="240";
    }

新しいコンテンツが追加されたため、プラグインがロードされたときにコードが呼び出されます。これは単一ページのアプリケーションです。ブラウザーを更新せずにコンテンツが読み込まれます。とはプラグインの変数であるためwidth、jquery でメディアクエリを使用する必要があります。height

何か案が？ありがとう

4

1 に答える 1

1

これはあなたが欲しかったのですか？

    if ((window.innerWidth>=20) || (window.innerWidth<300)){
        width="190"; //Adjust the width of the image
        height="170"; //Adjust the height of the image
    }
    if ((window.innerWidth>=300) || (window.innerWidth<350)){
        width="240"; height="200";
    }
    if ((window.innerWidth>=351) || (window.innerWidth<400)){
        width="280"; height="220";
    }
    if ((window.innerWidth>=401) || (window.innerWidth<599)){
        width="320"; height="240";
    }
    if ((window.innerWidth>=600) || (window.innerWidth<757)){
        width="440";  height="320";
    }
    if ((window.innerWidth>=758) || (window.innerWidth<899)){
        width="320"; height="240";
    }
于 2013-01-16T20:56:04.627 に答える