MatchMedia事件未在浏览器调整大小时触发

Question

我在匹配媒体查询时使用MatchMedia来触发函数，但由于某种原因它没有触发。

我必须重新加载页面才能看到所需的效果。

我不知道我哪里出错了。

window.addEventListener("resize", function() {
  if (window.matchMedia("(max-width: 1055px)").matches) {      
    var butterBarStyles = 'position:fixed;width:100%;background-color:#5a5a5a;' +
    'margin:0; left:0; top:0; z-index:1000;text-align:left;color:#fff;display:block;padding:4px;text-align:center;';
   }
 }, false);