メディアクエリの実験を始めたばかりで、達成しようとしていることにつまずきがあるようです。
単純なヘッダー/バナーのすぐ下に、4 つの個別のページへのリンクを含むナビゲーション バーがあります。
ページのサイズが特定の幅を超えてサイズ変更され、ナビゲーション バーのサイズが変更されたときに、ヘッダーのサイズを変更するようにメディア クエリを設定しました。私が抱えている問題は、ナビゲーションバーが静的なままで、サイズ変更された画像に「スナップ」せず、ナビゲーションバーの上部とヘッダー自体の間に醜い青いスペースが見えることです.
問題のページは www.grantdoole.co.uk にあります。
ページのサイズが変更されたときにページが粘着性に見えるのを避けるために、ナビゲーション バーをスナップまたは固定するにはどうすればよいですか?
(PS: 現在、メディア クエリがページに適用されているのはヘッダーとナビゲーション バーのみです)