媒体查询似乎不起作用

我在网站上工作，并试图使用媒体查询使我的网站适用于移动和桌面。我为我的桌面站点提供了一个浮动菜单栏，我希望这个菜单栏对于移动站点是相对的。媒体查询似乎不起作用

所以在我的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

媒体查询似乎不起作用

回答

相关问题