在我使用Foundation构建的这个模板上，除了两个导航栏外，一切看起来都正确且响应迅速。它们都是独立的，但在调整窗口大小时它们会相互重叠。<div class="row">
（@media only screen and (max-width: 767px)如果有帮助的话，应该让它看起来更干净）。
问问题
1403 次
3 回答
0
实际上，如果您使用开发人员工具在 chrome 上打开页面，或者使用 firebug 在 firefox 中打开页面，您会看到当您使页面小于 767px 宽度时，就会出现问题，因为您的 @media 仅屏幕和（最大宽度： 767 像素）。我建议检查 css 的原因，如果你从 html 中删除它，你会得到更好的结果，所以你可以检查 css 中的哪些属性让你的 div 变得疯狂。
于 2012-08-01T16:31:51.713 回答
0
尝试将foundation.css（第148行附近）.row类高度增加到140px并将主链接移动到主内容顶部的某个位置？该代码严重需要使用高度/边距或 div 块 imo :)
编辑：粗略编辑foundation.css行不是您需要的，为该特定高度设置创建单独的css类，并通过正确的媒体查询（导致问题发生的宽度）触发使用它。这样你就可以在顶部导航周围调整你喜欢的任何类，它不是很漂亮，但它可以让事情顺利进行。
于 2012-08-01T16:52:31.890 回答
0
正如Jorge Aguilar所说，问题float: none在于适用于每个<li>. 此外，我使用了一个width: 100%属性在整个屏幕上拉伸元素（就像它最初使用浮动一样，但没有重叠）
于 2012-08-01T17:40:10.443 回答