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

Question

我尝试进行 2 次导航，当宽度超过 481 时，它会激活桌面版本并降低移动版本。但它不能正常工作，我想说的是它看起来根本不起作用。它改变了一些东西，但我看不出有什么不同。它仍然向我展示了移动版和桌面版的导航，它向我展示了桌面导航，并在此之下向我展示了一个带有未格式化 li 链接的 ul 列表。

我不知道如何使用代码 bb-codes ...所以我把它们贴在了 pastebin 上:

HTML

以及带有媒体查询的 CSS 部分:

CSS

我已经将类添加到每个元素，但它仍然无法正常工作，这里有什么问题吗？请帮忙:/

Answer 1

如果没有视口(viewport)元标记，媒体查询将无法正常工作，例如:

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

看起来你的代码缺少这个。