媒体查询不起作用，每页有限制吗？

Question

当我对我的网站进行响应时， 一些媒体查询有效，但最后一个无效。

/* work */
@media screen and (max-width: 1030px){

    .section2 .content-card .title-card img {
        max-width: 200px;
    }

    .section1 {
        height: 1000px;
    }
}

/* doesn't work */

@media screen and (max-width: 1030px){
    .section2 {
        padding-top: 15vh;
    }
}

@media screen and (max-width: 260px){
    .section2 {
        padding-top: 6vh;
    }

    .section1 {
        padding-top: 3vh;
    }
}

在我的代码中有更多的媒体查询，但由于问题的代码限制，我不得不删除它们。

每个文件的媒体查询数量是否有限制？

Answer 1

见附图。这表明它正在工作。

Answer 2

事实上做响应式，我用开发工具的响应式模式 这就是为什么它不起作用screen shoot