基础导航栏问题答案

【问题标题】：Foundation Navbar issue基础导航栏问题
【发布时间】：2014-02-16 05:40:57
【问题描述】：

我正在使用Foundation。 top-bar（导航）在调整窗口大小时以787x676 分辨率出现。我已经剪切/粘贴了代码，但问题仍然存在。然后我也查看了foundation官方网站顶部栏的中断。我认为基础存在一些错误。这是link/截图。有什么解决办法吗？

【问题讨论】：

【解决方案1】：

取决于您修复的意思，当尺寸太小而无法容纳所有内容时，它会中断，因此可以添加min-width 以确保它不会变得更小。

例子：

.top-bar {
    min-width: 800px;
}

或者你可以让它溢出，随着内容下降到下面，它的高度就会增加。为此，请从删除开始：

.top-bar {
    height: 47px !important;
}

那条线使黑条保持原样。

要尽快切换到移动栏，请查找类似于@media only screen and (max-width: 767px) 的位并将大小增加到刚好高于它中断的位置，例如(max-width: 780px)

【讨论】：