私はファンデーション zurb 3 を使用しており、 ブラウザーが全画面表示の場合は上部のナビゲーションがありますが、ナビゲーションは問題なく見えますが、圧縮すると黒いバーしか表示されません。たぶん、そのような問題を抱えている人もいますか?
3 に答える
サンプルを見ずに何が起こっているのかを知るのは難しいですが(リンクが機能していません)、開始するのに最適な場所は、誰かの作業コードをファイルにコピーして、正しく動作するかどうかを確認することです。これをベンチマークとして、コードと比較して、不一致がどこにあるかを確認できます。
Foundation をいじってからしばらく経ちましたが、css ファイルで画面幅の設定を変更しようとしたときに同様の問題が発生しました。トップバーが正しく機能するには、複数の設定を同じにする必要があると思います。
これを正しく機能させるには、次のいずれかを行う必要があります。
Web サイトから Foundation ライブラリの新しいコピーをダウンロードし、カスタマイズ ツールを使用して画面幅を設定します (その後は変更しないでください)。
SASS バージョンを使用し、SCSS ファイルの画面幅変数を変更します (実際にはこれを行っていないため、詳細を説明できません)。
toggle-topbar
編集:コードスニペットを見ただけです-リストアイテムクラスを使用して、ブレークポイントを含める必要がある場合があります。
<li class="toggle-topbar"><a href="#"></a></li>
トグル トップバーの幅を 50% から 100% に変更した場合:
.top-bar ul > li.toggle-topbar {
cursor: pointer;
display: block;
height: 45px;
position: absolute;
right: 0;
top: 0;
width: 50%;
}
に
width: 100%;
この Web サイトでは、この手法を示しています。