css - window.matchMedia はウィンドウの更新時にのみ機能します

Question

window.matchMedia は機能していますが、「@media only screen and」を使用すると、画面が狭まるときに動作するように動作すると思いました。たとえば、デスクトップ ブラウザを使用している場合は、window.matchMedia を使用して画面をロードまたは更新する必要があります。window.matchMedia を @media CSS のように機能させる方法はありますか? 画面を更新または (再) ロードする必要なく、画面幅を増減すると自動的に発生しますか?

以下で使用されている例: Americastributetoparis.com

jQuery(document).ready(function($) {

if (window.matchMedia("(max-width: 800px)").matches) {
    // phone
    $(".front-page-1").backstretch(["/wp-content/themes/digital-pro/images/americas-tribute-to-paris-mobile.png"]);

} else {

    //tab or desktop
    $(".front-page-1").backstretch([BackStretchImg.src]);

}

});