0

我是 Zurb-Foundation 的新手，所以请耐心回答这个问题。

我正在使用顶栏元素，并希望将切换顶栏按钮用于小型显示器。我还想减小网站的基本字体大小；但是当我在 _variables.scss 中将基本字体大小设置为 12px 时，toggle-topbar 图标显示得太早了，我猜大概是 900px 左右。当我将基本字体大小设置为 100% 时，一切都按预期工作。我的基本字体大小在 _variables.scss 中设置如下：

$base-font-size: 12px !default;
$em-base: $base-font-size !default;

我的html如下：

<nav class="top-bar">
<ul class="title-area">
     <li class="name">
           <h1>@Html.ActionLink("Application name", "Index", "Home")</h1>
      </li>
      <li class="toggle-topbar menu-icon">
            <a href="#"><span>Menu</span></a>
       </li>
</ul>
</nav>

我还需要做些什么来确保设置我的基本字体大小不会破坏切换顶栏设置吗？

4

1 回答 1

0

我将把这个问题标记为答案，因为我了解到（就像我通常在这些情况下所做的那样）问题出在我的预期中，而不是功能上。

基本上，菜单图标按设计显示在宽度 768px 处。我在想它会是一个较小的数字。我想在 somt Zurb 基金会将提供更多断点选项，否则我将不得不自己做。

于 2013-11-03T17:49:51.700 回答