Javascript 当我切换菜单关闭并调整窗口大小时，如何防止徽标消失？

我有一个可点击的徽标菜单。它们总是显示在较小的屏幕上，但在较小的屏幕上，它们需要切换以使用汉堡包菜单显示。当菜单在较小的屏幕上时，它可以很好地切换，但是当您调整窗口的大小（如果菜单关闭）时，所有徽标都显示为“无”，并且不会向后切换。我不确定我是否需要调整css或者我的JS是否关闭

document.getElementById（'menu'）.addEventListener（'click'，myFunction）；
函数myFunction（）{
让logo=document.getElementsByClassName（“团队”）；
对于（i=0；i

.team{
宽度：55px；
显示器：flex；
}
.菜单图标{
显示：无；
}
@媒体屏幕和屏幕（最大宽度：600px）{
.流动货柜{
保证金：自动；
高度：适合的内容；
}
.菜单图标{
显示：内联；
宽度：100%；
背景色：红色；
}
.团队{
显示：无；
}
}

---

问题是，当您单击菜单按钮时，您正在为所有菜单项添加内联样式，因此当您隐藏它们时，所有菜单项都有

显示：无并且无论屏幕大小，它们都保持这样

您需要做的是仅在移动设备上更改菜单项的显示属性。您可以通过使用仅影响移动设备上项目样式的类来实现这一点。请参见下面的
.hide mobile
类，以及用于打开和关闭该类的JS代码


document.getElementById（'menu'）.addEventListener（'click'，myFunction）；
函数myFunction（）{
让logo=document.getElementsByClassName（“团队”）；
对于（i=0；i

.team{
宽度：55px；
显示器：flex；
}
.菜单图标{
显示：无；
}
@媒体屏幕和屏幕（最大宽度：600px）{
.流动货柜{
保证金：自动；
高度：适合的内容；
}
.菜单图标{
显示：内联；
宽度：100%；
背景色：红色；
}
.团队{
显示：内联；
}
.team.hide-mobile{
显示：无；
}
}