屏幕尺寸更改时运行功能，尺寸太大则中断功能

Question

所以我有这段代码。目标是如果语句1足够小，它将运行，如果语句足够大，它将脱离该功能。然而，即使屏幕很小，第二个if语句中的break语句也会导致第一个if语句被完全忽略。另外，如果屏幕尺寸发生变化，我希望它再次运行该功能，但是我添加的内容似乎无济于事。

var pc = window.matchMedia("(min-width: 800px)")

var mobile = window.matchMedia("(max-width: 800px)")


function mobilescreen(mobile,pc)
{

  if (mobile.matches) {
     $(".mobile").show(); 
     $("#page h3").hide();
      $("#summary").hide();

    $("#sidebar").click(function(){
      $("#sidebar").hide();
      $(".mobile h3").hide();
      $(".mobile p").hide();
      $("#resultPage").show();
})

     $("#resultClasses").click(function(){
             $("#resultPage").hide();
              $(".mobile h3").hide();
              $(".mobile p").hide();
              $("#infoPage").show();
})
    $("#mobileButton").click(function(){
            $("#sidebar").show();
            $(".mobile h3").show();
            $(".mobile p").show();
            $("#resultPage").hide();
            $("#infoPage").hide();
  })
    $("#mobileButton2").click(function(){
      $("#resultPage").show();
      $(".mobile h3").hide();
      $(".mobile p").hide();
      $("#infoPage").hide();
})
  }
  if (pc.matches){
    break;
  }
};
window.resize(mobilescreen);