如何更改不同屏幕尺寸上的tabs事件？

/* 默认样式 */
.tabs {
  /* 默认样式 */
}

/* 在小屏幕上的样式 */
@media screen and (max-width: 768px) {
  .tabs {
    /* 小屏幕上的样式 */
  }
}

/* 在中屏幕上的样式 */
@media screen and (min-width: 769px) and (max-width: 1024px) {
  .tabs {
    /* 中屏幕上的样式 */
  }
}

/* 在大屏幕上的样式 */
@media screen and (min-width: 1025px) {
  .tabs {
    /* 大屏幕上的样式 */
  }
}

$(function() {
  $("#tabs").tabs({
    /* 默认配置 */
  });

  // 在小屏幕上重新配置tabs
  if ($(window).width() < 768) {
    $("#tabs").tabs("option", {
      /* 小屏幕上的配置 */
    });
  }

  // 在中屏幕上重新配置tabs
  if ($(window).width() >= 769 && $(window).width() <= 1024) {
    $("#tabs").tabs("option", {
      /* 中屏幕上的配置 */
    });
  }

  // 在大屏幕上重新配置tabs
  if ($(window).width() > 1024) {
    $("#tabs").tabs("option", {
      /* 大屏幕上的配置 */
    });
  }
});