html - 多个导航标签冲突

Question

我有两个用于移动和桌面导航的导航标签，问题是当我在页面底部包含第二个导航菜单时，桌面菜单会转到底部。如果我将桌面菜单的位置设置为固定和顶部 0，它将保持在顶部。有什么办法可以用其他替代方法替换导航标签吗？我尝试了 div，但这不起作用。

<nav><!-- desktop -->
<ul>
<li></li>
<li></li>
</ul>
</nav>


<nav><!-- mobile-->
<ul>
<li></li>
<li></li>
</ul>
</nav>

Answer 1

在您的 CSS 中使用以下声明:

@media only screen and (max-device-width: 480px) { ... }

将您的移动设备专用代码放在括号中!

(或像这样链接到完全不同的 CSS 文件:

<link href="mobile.css" rel="stylesheet" type="text/css" media="only screen and (max-device-width: 480px)" />

)