2017-08-09 5 views
1

画面のサイズ変更/縮小時に、Navbarが2行目に重複/折り返しします。これは乱雑に見えます。私はメディアデバイスにトグルボタンを使用しましたが、これは人々がウィンドウのサイズを変更するときの問題には対処しません。FB navbarのように、navbarのサイズを変更したときに2行目に折り返すのを止めるには?

私は私が私のナビゲーションバー/ページを達成するために期待しています何の例を与えることができます2つのウェブサイトがあります。これらのウェブサイトの両方で

  1. https://www.facebook.com/
  2. http://www.dailymail.co.uk/home/index.html

注意、画面のサイズが変更されると、ページは同じままです。ウィンドウは縮小されますが、ページ上の何も縮小されません。 navbarは同じままです。

これは私が達成したいと思っているものですが、わかりません。

これはmenu/navbarだけで実現できますか?ウェブサイト全体を一定の位置に固定するのではなく、

すべての返信をいただければ幸いです!

ありがとうございます!

ジョン。

答えて

0

navbar要素のスタイルをdisplay:table-cell、親のサイズをdisplay:tableに変更してください。

またはflexとすることができます。

関連する問題