要通过改变按钮样式和交互方式来实现网页的自适应，可以采取以下方法：

1. 使用CSS媒体查询：通过CSS媒体查询可以根据不同的屏幕大小、分辨率等条件来应用不同的样式。例如，可以在小屏幕设备上隐藏某些元素或调整布局。

2. 使用响应式框架：使用现有的响应式前端框架（如Bootstrap、Foundation等）可以快速构建适应不同屏幕尺寸的网页。这些框架提供了一系列响应式的布局和组件，简化了开发过程。

3. 使用流式布局和弹性盒子布局：采用流式布局和弹性盒子布局，可以根据屏幕尺寸自动调整元素的大小和位置。这种布局方式可以使网页在各种设备上显示效果良好。

4. 使用Javascript实现动态适应：通过Javascript可以监听浏览器窗口大小的变化，并根据屏幕尺寸调整元素的样式和布局。例如，可以通过Javascript动态更改按钮的大小、位置或切换不同的样式。

总之，通过结合CSS媒体查询、响应式框架、流式布局和Javascript等方法，可以实现网页的自适应，使其在不同设备上都能良好地显示和交互。