미디어 쿼리가 작동하지 않는 것 같습니다.

Question

저는 웹 사이트에서 작업 중이며 미디어 쿼리를 사용하여 내 웹 사이트가 모바일 및 데스크톱 모두에서 작동하도록하고 있습니다. 내 데스크톱 사이트에 떠있는 메뉴 막대가 있으며이 메뉴 막대가 모바일 사이트에 상대적으로 표시되도록하고 싶습니다. 나는이 메뉴 바는 데스크톱 페이지와 모바일 페이지 모두 상대적으로 실행하면

/*For desktop*/ 
    nav#menubar { 
     position: fixed; 
     top: 0px; 
    } 

    /*For iPhone 5 */ 
    @media screen and (max-width: 768px){ 
     nav#menubar { 
     position: relative; 
     top: auto; 
     } 
    } 

:

그래서 내 CSS 파일에 나는이 라인을 가지고있다. 그러나 For iPhone 5 미디어 쿼리를 주석 처리하면 예상대로 메뉴 막대가 모바일 및 데스크톱 모두에 대해 고정됩니다. 누구도 미디어 쿼리가 데스크톱 및 모바일 사이트 모두에서 작동하는 이유를 알고 있습니까?

도움을 주시면 감사하겠습니다.

Answer 1

<meta name="viewport" content="..."> 태그를 HTML에 포함 시켰습니까? https://developer.apple.com/library/safari/documentation/AppleApplications/Reference/SafariWebContent/UsingtheViewport/UsingtheViewport.html