如何在移动透视图中调整文本按钮的大小

/* 在移动设备上设置文本按钮的样式 */
@media only screen and (max-width: 768px) {
  .text-button {
    font-size: 12px;
    padding: 5px 10px;
  }
}

// 检测窗口大小变化
window.addEventListener('resize', function() {
  if (window.innerWidth < 768) {
    // 窗口宽度小于768像素，调整文本按钮大小
    var textButtons = document.getElementsByClassName('text-button');
    for (var i = 0; i < textButtons.length; i++) {
      textButtons[i].style.fontSize = '12px';
      textButtons[i].style.padding = '5px 10px';
    }
  } else {
    // 窗口宽度大于等于768像素，恢复文本按钮原始大小
    var textButtons = document.getElementsByClassName('text-button');
    for (var i = 0; i < textButtons.length; i++) {
      textButtons[i].style.fontSize = '';
      textButtons[i].style.padding = '';
    }
  }
});