Css 当我将屏幕缩小到768px以下时，切换图标菜单不显示。仅显示'；网站名称'；

当我将屏幕缩小到768px以下时，切换图标菜单不显示。 我只能看到“网站标题”。有什么想法吗？多谢各位

Flexbox下拉菜单
Navbar先生{
背景色：#46ACC2；
显示器：flex；
填充：16px；
字体系列：无衬线；
颜色：白色；
}
.Navbar__链接{
右边填充：8px；
}
.Navbar_uu项目{
显示器：flex；
}
.Navbar_uu项--对{
左边距：自动；
}
.Navbar_uu链接切换{
显示：无；
}
@仅介质屏幕和（最大宽度：768px）{
.Navbar_uu项目，
Navbar先生{
弯曲方向：立柱；
}
.Navbar_uu项目{
显示：无；
}
.Navbar_uu项--对{
左边距：0；
}
.Navbar_uu切换显示{
显示器：flex；
}
.Navbar_uu链接切换{
自对准：柔性端；
显示：首字母；
位置：绝对位置；
光标：指针；
}
}
网站标题
长链
长链
链接
链接
链接
函数classToggle（）{
const navs=document.querySelectorAll（'.Navbar\uu Items'））
forEach（nav=>nav.classList.toggle（'Navbar\uu ToggleShow'）；
}
document.querySelector（'.Navbar\uu Link-toggle'）
.addEventListener（“单击”，类切换）；

您还应该在媒体查询中定义

.Navbar\uuu Link-toggle

，以便像这样显示切换图标

@media only screen and (max-width: 768px) {
 .Navbar__Link-toggle {
    display: block;
  }
}

及

---

在

标签

中包含了这个，我添加了以下内容，但是当屏幕缩小时，我仍然看不到切换：@media-only-screen和（最大宽度：768px）{.Navbar\uu-Link-toggle{display:block；}您将

包含在右上方？如果不包括在头部标签中