Question

我想让基础页面中的顶部导航栏比默认情况下更早地折叠到菜单表单中，因为在较低分辨率的桌面屏幕中，它会半崩溃，既不在移动视图中也不在完整桌面视图中。我尝试修改以下行：

    @media only screen and (min-width: 40.063em) {  <---This is the line I changed
      .top-bar {
        background: #333333;
        *zoom: 1;
        overflow: visible; }
   -----many more lines-------------------------

它有点奏效，因为酒吧在重新调整大小时崩溃但菜单停止工作。关于如何实现这一点的任何想法？非常感谢任何帮助，谢谢。（我顺便使用基础5）

Answer 1

我知道这是一个老问题，但如果您还没有找到答案，或者是其他可能正在查看此内容的人......

看起来你有一个良好的开端。

1662号线附近

@media only screen and (min-width: 9999px) {
  .top-bar {
    background: #333333;
    *zoom: 1;
    overflow: visible; }

但实际上你需要在另外两个地方进行更改。

第3714行：

meta.foundation-mq-topbar {
  font-family: "/only screen and (min-width:9999px)/";
  width: 9999px; }

第1436行：

meta.foundation-mq-topbar {
  font-family: "/only screen and (min-width:9999px)/";
  width: 9999px; }

完整答案在这里：Changing Topbar breakpoint using css?

希望这有帮助！

zurb基础顶部导航栏改变断点

1 个答案: