基金会Navbar问题

Question

我正在使用Foundation。在调整窗口大小时，top-bar（导航）在某些787x676分辨率上突破。我已经剪切/粘贴代码但问题仍然存在。然后我在那里的网站上查看foundation官方网站顶级酒吧休息时间。我认为基础上有一些错误。这是link /屏幕截图。有没有解决这个问题？

Answer 1

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

示例：

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

或者你可以让它溢出，并且随着内容下降而增长。要做到这一点，请先删除：

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

该线条使黑条保持原样。

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