要让button样式适应移动端，可以通过以下几种方法：
@media only screen and (max-width: 600px) {
button {
font-size: 12px;
padding: 5px;
}
}
使用响应式框架：使用流行的响应式框架如Bootstrap或Foundation等可以帮助快速构建适应移动端的页面，并提供了一些现成的按钮样式供选择。
使用viewport meta标签：在HTML中添加viewport meta标签可以控制页面在移动设备上的显示效果，可以通过设置initial-scale、maximum-scale等属性来调整页面的缩放比例，从而使button样式更适应移动端。
<meta name="viewport" content="width=device-width, initial-scale=1.0">
button {
font-size: 1em;
padding: 0.5em 1em;
}
通过以上方法，可以使button样式更好地适应移动端，提升用户体验。
