如何根据窗口大小调整按钮的大小？

@media screen and (max-width: 768px) {
  .button {
    width: 100px;
    height: 50px;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .button {
    width: 150px;
    height: 75px;
  }
}

@media screen and (min-width: 1025px) {
  .button {
    width: 200px;
    height: 100px;
  }
}

window.addEventListener('resize', function() {
  var windowWidth = window.innerWidth;
  var button = document.getElementById('myButton');

  if (windowWidth <= 768) {
    button.style.width = '100px';
    button.style.height = '50px';
  } else if (windowWidth > 768 && windowWidth <= 1024) {
    button.style.width = '150px';
    button.style.height = '75px';
  } else {
    button.style.width = '200px';
    button.style.height = '100px';
  }
});