CSS中的媒体查询无法正常工作

时间:2015-03-10 10:11:51

标签: html css responsive-design

我尝试进行2次导航,当宽度超过481时,它会激活桌面版本并降低移动版本。但它没有正常工作,我试图说它根本不起作用。它改变了一些东西,但我无法看到不同的东西。它仍然显示我在移动设备和桌面版中的导航,它向我显示桌面导航,在此下面它显示了一个带有未格式化的li链接的ul列表。

我没有得到如何使用代码bb代码......所以我将它们发布在pastebin上:

HTML

与Mediaqueries的CSS部分:

CSS

我已经将类添加到每个元素但它仍然无效,这里有什么问题?请帮助:/

1 个答案:

答案 0 :(得分:0)

媒体查询在没有视口元标记的情况下无法正常工作,例如:

<meta name="viewport" content="width=device-width, initial-scale=1">

看起来你的代码遗失了这个。