基金会导航栏问题

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)