我有一個(gè)可點(diǎn)擊的徽標(biāo)菜單。它們始終顯示，但在較小的屏幕上除外，在較小的屏幕上需要使用漢堡菜單切換以顯示它們。當(dāng)菜單在較小的屏幕上時(shí)，菜單切換得很好，但是當(dāng)您調(diào)整窗口大小時(shí)（如果菜單關(guān)閉），所有徽標(biāo)都顯示為“無(wú)”并且不會(huì)切換回來(lái)。我不確定我是否需要調(diào)整我的 css 或者我的 JS 是否關(guān)閉。document.getElementById('menu').addEventListener('click', myFunction);function myFunction() {  let logo = document.getElementsByClassName("team");  for (i = 0; i < logo.length; i++) {    if (logo[i].style.display === 'none') {      logo[i].style.display = 'inline';    } else {      logo[i].style.display = 'none';    }  }}.team {  width: 55px;  display: flex;}.menu-icon {  display: none;}@media screen and (max-width: 600px) {  .mobile-container {    margin: auto;    height: fit-content;  }  .menu-icon {    display: inline;    width: 100%;    background-color: red;  }  .team {    display: none;  }}<div class="wrapper">  <div class="container mobile-container">    <a href="#" class="menu-icon" id="menu">      <img src="https://via.placeholder.com/55">    </a>    <div class="sidebar">      <div class="column logos">        <a href=""><img src="https://via.placeholder.com/55" alt="" class="team"></a>        <a href=""><img src="https://via.placeholder.com/55" alt="" class="team"></a>        <a href=""><img src="https://via.placeholder.com/55" alt="" class="team"></a>        <a href=""><img src="https://via.placeholder.com/55" alt="" class="team"></a>      </div>    </div>  </div></div>