为什么我的一些媒体查询没有生效[重复]

Question

我的一些媒体查询没有生效。当我去我的检查面板并调整响应尺寸时。它们适用于 1024px，但适用于 768px。我必须关闭 1024px 的查询。它不应该是浏览器应该检测到宽度已经改变并自动应用对该宽度的查询但它没有发生。我想知道为什么？

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

             //code here
}

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

           //code here
}

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

          //code here
}

Answer 1

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

@media screen and (min-width: 426px) and (max-width: 768px) {
        
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
    
}