响应式导航 - 更改经典导航和下拉导航之间切换的限制

Posted 2023-03-06

【中文标题】响应式导航 - 更改经典导航和下拉导航之间切换的限制

【英文标题】：responsive navigation - change limit for switch between classic nav and dropdown nav

【发布时间】：2014-01-28 03:48:37

【问题描述】：

我是使用响应式设计的初学者，我遇到了很大的问题。我需要更改 clastic nav 和 dropdown nav 之间切换的限制。当前限制为600px，但我需要将其更改为例如800。我正在使用此导航：http://media02.hongkiat.com/responsive-web-nav/demo/index.html 有人可以帮帮我吗？

【问题讨论】：

发布一些 CSS/HTML 以便我们知道您在说什么。

将@media screen and (max-width: 800px) *background-color:red; 添加到你的 style.css 中看看会发生什么

【参考方案1】：

在您的样式表中，将 @media screen and (max-width: 600px) 更改为 @media screen and (max-width: 800px)

【讨论】：

很抱歉，我的问题描述得不好。我需要更改下拉导航之间从经典导航切换之间的限制，这发生在 460px 上：postimg.org/image/42563rbcl 我很确定，这不是 css 的问题，因为即使我删除了所有这些调整大小也有效（看起来很糟糕但有效）我的 CSS 中的 @media 命令。对不起，我的英语不好，我希望你能理解

那你需要把@media only screen and (max-width : 480px)改成更大的。使您的下拉菜单可见的代码位于该媒体查询中。 nav a#pull display: block; background-color: #283744; width: 100%; position: relative;