0

我正在使用foundation zurb 3， 如果浏览器全屏，则导航看起来不错，但是当我压缩它时，我只有黑条。也许有些人有这样的问题？

4

3 回答 3

0

很难在没有看到您的示例的情况下说出发生了什么（链接不起作用），但最好的起点往往是将某人的工作代码复制到您的文件中，看看它是否正常运行。以此为基准，您可以将其与您的代码进行比较，以查看差异所在。

于 2013-02-22T15:48:22.547 回答
0

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

要使其正常工作，您必须：

  • 从他们的网站下载 Foundation 库的新副本，使用他们的自定义工具设置屏幕宽度（此后不要更改），或者

  • 使用 SASS 版本，并更改​​ SCSS 文件中的屏幕宽度变量（我实际上没有这样做，因此无法提供更多详细信息）。

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

<li class="toggle-topbar"><a href="#"></a></li>
于 2013-03-26T17:20:08.060 回答
0

如果您将切换顶部栏的宽度从 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/

于 2013-05-11T15:18:26.150 回答