javascript - 如何从桌面网页隐藏菜单按钮？

Question

我使用“菜单图标”作为移动版 navbar 链接的按钮。我的桌面版有问题，不知道如何隐藏按钮？

<div class="drp">  //the all navigation bar from mobile version
    <button id="menu-icon"></button> //links button for mobile version
    <div class="drp-cont">  //that is for navigation links from mobile version
        <nav>
               <ul>
                    <li><a href="games.html">Games</a></li>
                    <li><a href="#footer" class="con">Contact</a></li>
                    <li><a href="#" class="sh">Shop</a></li>
                    <li><a href="#" class="active">Home</a></li>

             </ul>
        </nav>
    </div>

Answer 1

您只需将 display:none; 分配给 id="menu-icon" 并使用如下媒体查询将显示更改为阻止 display:block; 到移动设备中的 id="menu-icon"

#menu-icon{
  display:none;
}
@media (min-width:728px) { 
   #menu-icon{
     display:block;
   }
}