身體媒體查詢不起作用

我有一個導航欄，它具有填充以允許內容顯示在導航欄下。對於手機，我想減少填充，但媒體查詢似乎不起作用。任何想法爲什麼？身體媒體查詢不起作用

例子：

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代替body。通過使用.body，CSS正在搜索具有class="body"的元素，而不是元素<body>。簡單修復：

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

來源

2017-08-18 22:51:43

哦哇。我怎麼錯過了;謝謝。 – Zain

身體媒體查詢不起作用

回答

相關問題