身体媒体查询不起作用

我有一个导航栏，它具有填充以允许内容显示在导航栏下。对于手机，我想减少填充，但媒体查询似乎不起作用。任何想法为什么？身体媒体查询不起作用

例子：

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

身体媒体查询不起作用

回答

相关问题