ヘッダーの問題を修正-

2215 ワード

チャレンジ
現在のヘッダは動的ではありません.私はイメージ、Navbar&ロゴを更新するために必要なので、イメージも奇妙に働いています.
Navbarは特にロゴと同じラインを共有していなかったので.
私が好きでなかったCSSで、ロゴも呼ばれました.JSファイルはNavbarと一緒にロゴを呼び出すことができます.
アクション
Navbarとロゴのための全く新しい機能を作成しました.それは同じように見えます、しかし、現在ロゴはNavbarと同じフレックスラインで整列しています.

背景画像は、私の最後のポストと同じ問題を移動し続けていた.CSSでこれらのコードラインをなぜ実装して実装しました.
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
そして今、それは素晴らしい作品.画像は正しいサイズで、空白の背景を示していないまま.

別の問題は、モバイルビュー内にありました.モバイルビューには、右側に空の空白行があった.このメタを加えて、それは問題を修理しました.
<meta name="viewport" content="width=device-width, initial-scale=0.5" />
バーのアイコンをクリックすると、メニューを非表示にすることができます.

リファレンスリンク:
ダイナミックなNavbar:https://0ver-grow.tistory.com/933
結果
新しいヘッダーは、ウェブとモバイルの両方に最適です!