html5 - 響應式WEB，媒體查詢的問題。

Question

@media screen and (max-width:768px){
    body{
        background: lightgreen;
        .content{
            width: 700px;
            height: 1004px;
        }
    }
    
}


@media screen and (min-width:768px) and (max-width:1200px){
    body{
        background: lightgreen;
        .content{
            width: 1060px;
            height: 1900px;
        }
    }
}

關於這兩個媒體查詢我想問一下如果一個設備寬度剛好有768px，那麼它適用哪個媒體查詢，或者說第二個媒體查詢可以表示成（x>=768&&x<1200???）。還有這兩個媒體查詢有無先後順序？

Answer 1

是的，兩個都會配對到，按正常層疊規則算，也就是下面的覆蓋上面的。