0

私は Zurb-Foundation を初めて使用するので、この質問についてはご容赦ください。

私はトップバー要素を使いこなしており、小さなディスプレイ用のトグルトップバーボタンが必要です。また、サイトのベース フォント サイズを縮小したいと考えています。しかし、_variables.scss でベース フォント サイズを 12px に設定すると、トグル トップバー アイコンの表示が早すぎて、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 Foundation がより多くのブレークポイント オプションを提供するか、または自分で行う必要があると考えています。

于 2013-11-03T17:49:51.700 に答える