如何让页面缩放时侧边栏动态切换为仅显示图标？

以下是各类内容的Markdown格式用法：

标题 #

用数字符号（#）定义标题层级，#的数量对应标题级别：

• # 一级标题
• ## 二级标题
• ### 三级标题
  最多支持六级标题。

列表项 #

无序列表以短横线（-）开头，后跟空格再写内容：

• 这是一个列表项
• 这是另一个列表项

文本强调 #

用星号（*）包裹文本实现强调效果：

• 斜体：*这段文本是斜体* → 这段文本是斜体
• 粗体：**这段文本是粗体** → 这段文本是粗体

代码/命令 #

用反引号（`）包裹代码片段或命令：

• 行内代码：git status
• 多行代码块使用三个反引号包裹（可指定编程语言）：

def add(a, b):
    return a + b

引用文本 #

用大于号（>）标记引用内容：

这是一段引用的文本，适合用来展示引用内容或说明性文字

链接 #

将链接显示文本放在方括号[]内，网址放在紧跟的圆括号()内：
示例：[Stack Exchange](https://stackexchange.com) → Stack Exchange

图片 #

将图片的替代文本放在方括号[]内，图片URL放在紧跟的圆括号()内：
示例：[风景图片](https://example.com/landscape.jpg) → 风景图片

内容的提问来源于stack exchange，提问作者Dime N.