미디어 쿼리를 사용하여 표시하지 않는 방법은 무엇입니까? 미디어 쿼리를 사용하여 내부 DIV에 없음 사업부를 표시하는 방법

Question

ID = "flexnav 메뉴 버튼" 나는 미디어 화면 470x380 픽셀이 하나 숨길 원하는;

<header class="main"> 
     <div class="container"> 
      <div class="row"> 
       <div class="span2"> 
        <a href="index.aspx"> 
         <img class="logo" title="just search4u" alt="justsearch4u.com" 
          style="width: 158px; height: 114px; margin-top: -19px" src="../Images/justsearchforu1.png"> 
        </a> 
       </div> 
       <div class="span8"> 
        <!-- MAIN NAVIGATION --> 
        <div class="flexnav-menu-button" id="flexnav-menu-button" >Menu</div> 
        <nav> 
         <ul class="nav nav-pills flexnav" id="flexnav" runat="server" data-breakpoint="800"> 
          <li id="a" runat="server" class="active"><a href="Index.aspx"><b style="color: #000" class="index_head">Home</b></a> 

          </li> 
          <li id="b" runat="server"><a href="about.aspx"><b style="color: #000" class="index_head">About</b></a></li> 


          <li id="c" runat="server"><a href="contact.aspx"><b style="color: #000" class="index_head">Contact</b></a> 
          </li> 
         </ul> 
        </nav> 

Answer 1

이 시도 :

@media screen and (max-width: 470px) { 
    #flexnav-menu-button { 
     display:none; 
    } 
}