javascriptでCSSメディアクエリの切り替えを検知する

https://teratail.com/questions/69215

$(window).on('load resize', function(){
  if( window.matchMedia('(max-width:767px)').matches ){
      $('p').css('color','red');
  }
});