如何调整按钮的大小，使它是移动友好的，并只显示符号？

要调整按钮的大小，使其移动友好并只显示符号，可以采取以下几种方法：

1. 使用CSS媒体查询：通过CSS媒体查询，可以根据设备的屏幕宽度来调整按钮的大小。可以设置一个较小的按钮尺寸，并在较小的屏幕上隐藏按钮的文本，只显示按钮的符号。例如：

@media screen and (max-width: 768px) {
  .btn {
    font-size: 12px;
    padding: 5px;
  }
  .btn span {
    display: none;
  }
}

在上述代码中，当屏幕宽度小于等于768px时，按钮的字体大小设置为12px，内边距设置为5px，并隐藏按钮内的文本。

1. 使用响应式框架：使用响应式框架（如Bootstrap、Foundation等）可以简化移动友好的按钮调整。这些框架提供了预定义的CSS类，可以轻松地创建移动友好的按钮。例如，在Bootstrap中，可以使用btn-sm类来创建一个较小的按钮，并使用sr-only类来隐藏按钮的文本，只显示按钮的符号。

<button class="btn btn-sm">
  <span class="sr-only">按钮</span>
  <i class="fa fa-symbol"></i>
</button>

在上述代码中，btn-sm类用于创建一个较小的按钮，sr-only类用于隐藏按钮的文本，fa fa-symbol类用于显示一个符号。

1. 使用字体图标：使用字体图标可以轻松地在按钮中显示符号，并且可以通过调整字体大小来调整按钮的大小。可以使用一些流行的字体图标库（如Font Awesome、Material Icons等）来选择合适的符号，并将其添加到按钮中。例如：

<button class="btn">
  <i class="fa fa-symbol"></i>
</button>

在上述代码中，fa fa-symbol类用于显示一个符号，可以根据需要调整字体大小来调整按钮的大小。

总结起来，要调整按钮的大小，使其移动友好并只显示符号，可以使用CSS媒体查询、响应式框架或字体图标来实现。具体的实现方式可以根据项目需求和使用的技术框架来选择。