媒體查詢似乎不起作用

我在網站上工作，並試圖使用媒體查詢使我的網站適用於移動和桌面。我爲我的桌面站點提供了一個浮動菜單欄，我希望這個菜單欄對於移動站點是相對的。媒體查詢似乎不起作用

所以在我的CSS文件，我有這行：

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

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

當我運行這個菜單欄是相對的兩個桌面網頁和移動網頁。但是，當我註釋掉For iPhone 5媒體查詢時，菜單欄對於移動設備和桌面都按預期進行了修復。有誰知道爲什麼媒體查詢適用於桌面和移動網站？

任何幫助將不勝感激。

來源

2014-06-20 user3746602

沒問題。你的代碼看起來不錯，否則 –

我認爲這是維度和事實，我有另一個媒體查詢是錯誤的。感謝您的幫助。 – user3746602

最好使用'max-device-width'，因爲它可以處理與標準顯示器相同的高分辨率視網膜顯示器。 – Kiee

媒體查詢似乎不起作用

回答

相關問題