以下是一个使用HTML和CSS实现按钮自动调整大小的示例代码：

HTML代码：

自动调整大小的按钮

CSS代码：

.auto-size-button {
  padding: 10px 20px;
  font-size: 16px;
  background-color: #4CAF50;
  color: white;
  border: none;
  cursor: pointer;
  transition: all 0.3s;
}

.auto-size-button:hover {
  background-color: #45a049;
}

.auto-size-button:active {
  background-color: #3e8e41;
}

.auto-size-button:focus {
  outline: none;
}

@media only screen and (max-width: 600px) {
  .auto-size-button {
    font-size: 14px;
    padding: 8px 16px;
  }
}

在上面的示例中，按钮具有自动调整大小的效果。按钮的样式通过CSS进行定义。通过设置按钮的padding、font-size等属性，可以调整按钮的大小和字体大小。

在@media查询中，我们可以为不同的屏幕宽度设置不同的样式。在上面的示例中，当屏幕宽度小于或等于600px时，按钮的字体大小和padding会相应地减小。

这样，当页面在不同的设备上或窗口大小改变时，按钮会自动调整大小以适应屏幕。