Question

我正在使用基础zurb 3，并且有一个top navigation 如果浏览器是全屏导航看起来很好，但当我压缩它我只有黑色条。也许有些人有这样的问题？

Answer 1

如果没有看到你的样本（链接无法正常工作），告诉你发生了什么，但最好的起点往往是将某人的工作代码复制到你的文件中，看看它是否正常运行。以此作为基准，您可以将其与您的代码进行比较，以查看差异所在。

Answer 2

自从我修改了Foundation以来已经有一段时间了，但是在尝试更改css文件中的屏幕宽度设置时遇到了类似的问题 - 我相信有多个设置必须相同才能使顶栏工作正确。

要使这项工作正常，您必须：

从他们的网站下载基础图书馆的全新副本，使用他们的自定义工具设置屏幕宽度（此后不要更改），或
使用SASS版本，并更改SCSS文件中的屏幕宽度变量（我实际上没有这样做，因此无法提供更多详细信息）。

编辑：只是查看了您的代码段 - 您可能需要使用toggle-topbar列表项类包含断点，例如。

<li class="toggle-topbar"><a href="#"></a></li>

Answer 3

如果您将切换顶部栏的宽度从50％更改为100％：

.top-bar ul > li.toggle-topbar {
    cursor: pointer;
    display: block;
    height: 45px;
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
}

到

width: 100%;

本网站演示了这种技术：

http://catch-ps.com/

基金会Zurb导航

3 个答案: