根据按钮大小的变化更改文本大小

/* 默认文本大小 */
.button {
  font-size: 16px;
}

/* 在小屏幕上调整文本大小 */
@media screen and (max-width: 768px) {
  .button {
    font-size: 14px;
  }
}

/* 在更小的屏幕上进一步调整文本大小 */
@media screen and (max-width: 480px) {
  .button {
    font-size: 12px;
  }
}

// 获取按钮元素
var button = document.getElementById('myButton');

// 监听窗口大小变化事件
window.addEventListener('resize', function() {
  // 获取按钮的宽度
  var buttonWidth = button.offsetWidth;

  // 根据按钮宽度计算文本大小
  var fontSize = buttonWidth / 10;

  // 设置文本大小
  button.style.fontSize = fontSize + 'px';
});