本文のメディアクエリが機能しません

ナビゲーションバーの下にコンテンツを表示するためのパディングがあります。モバイルの場合、パディングを減らしたいが、メディアのクエリは機能しないようだ。なぜどんなアイデアですか？本文のメディアクエリが機能しません

例：.body代わりのbodyを

body{ 
 
    padding-top: 70px; 
 
} 
 
p.t{ 
 
    color: white; 
 
    background-color: black; 
 
    top: 0px; 
 
    position: absolute; 
 
} 
 
@media only screen and (max-width: 767px) { 
 
    .body { 
 
     padding-top: 0px; 
 
    } 
 
}

<body> 
 
<p class="t"> 
 
This is my pretend navbar woo. 
 
</p> 
 
<p> 
 
hello 
 
</p> 
 
</body>

出典

2017-08-18 Zain

ラッパー要素を追加してその余白を入れてください – Hardy

やっています。 .bodyを使用すると、CSSは<body>の代わりにclass="body"の要素を検索しています。単純な修正：

@media only screen and (max-width: 767px) { 
    body { 
     padding-top: 0; 
    } 
}

出典

2017-08-18 22:51:43

どうしましたか？ありがとうございました。 – Zain

本文のメディアクエリが機能しません

答えて

関連する問題