Css 为什么我的媒体查询被忽略？

我曾经使用过一个css验证器，它一开始会带来一些与媒体查询有关的错误，后来我修复了这些错误（并再次使用验证器进行检查，这次返回了0个错误），但它仍然无法识别我浏览器中的代码。我用的是chrome

/* MEDIA QUERIES ======================================================= MEDIA QUERIES */


@media screen and (max-width: 640px)  {

/* HEADER SLIDER */

#home-header .home-slider {
    max-width: 100%;
    margin: auto;
}

#home-header .metaslider {
max-width: 90%;
margin: auto;
}



/* USE IT  ============================ USE IT */

    .circle {
display: block;
margin: 0 auto 30px;
}


#circle-3 {
    margin-right: auto;
}

#use .logo {
    display: none;
}

#use .buy-now {
    float: none;
    margin: 0 auto; 
}

}

---

您还应该确保主css文件的优先级是否低于媒体查询。也许只是忽略了媒体查询中的主标题样式

---

如果是，只需在选择器前面加上例如

body div

，使其看起来像

body div#home header.home slider

。让你的选择器更精确会给他们更高的优先级

请发布源代码，否则我们无法帮助您。HTML源代码丢失。请提供这一点，以便我们能够理解所提供的CSS试图操纵什么。