Css 媒体查询不显示

我正在与一个关于媒体查询的网站斗争。我把这个代码片段作为菜单的一部分

.flexnav.flexnav-show{
页边空白顶部：52px；}

我的css中的第513行 通过将媒体查询设置为@media all和（最小宽度：800px），我为我的平板电脑准备了这个代码片段

.flexnav.flexnav-show{
页边距顶部：0px；}

在我的css中的第638行

但是，在平板电脑上查看页面时，页边距顶部仍设置为52像素。 我对另一个媒体查询也有类似的问题。我有以下代码片段

@仅媒体屏幕和（最小宽度：481px）
标题组{
最高：12%；
}

对于我的桌面，我有以下内容：

@仅媒体屏幕和（最小宽度：769px）
标题组{
最高：15%；
}

第462行

在桌面上时，顶部仍然是12%

这是该网站的最新链接。 谢谢 -Sohail

您需要使用“最大宽度” 例如：

---

有时，您可以使用“！important”重写CSS中以前的状态，但不一定如此。

对不起，您尝试了什么。请详细解释。当我尝试用您的示例替换我的媒体查询时，平板电脑和桌面的标题都消失了，桌面的菜单变成了垂直菜单，而不是桌面的水平菜单。您是否尝试在类中替换“.some div”？您只需将“@仅媒体屏幕和（最小宽度：481px）”更改为“@仅媒体屏幕和（最大宽度：481px）”。查看我网站的源代码，就像我解决了标题的问题一样：@media-only-screen和（最小宽度：769px）{header-hgroup{top:15%！important；}}}当你进行响应时，有时你需要播放，需要知道所有的显示大小。我将给你我的指导：你需要为所有大小创建媒体查询，有时还需要使用javascript来支持你的CSS。

/* DEFAULT */
.some-div{top:30%;}
/* RESPONSIVE */
@media screen and (max-width: 769px){
.some-div{ top:15%;}
}
@media screen and (max-width: 481px){
.some-div{ top: 12%;}
}